/* Mystake Casino Italia - Site 4 */
:root{--fn-bg:#0e0f14;--fn-sf:#1a1c22;--fn-cd:#22243a;--fn-pur:#340140;--fn-blue:#78b7ed;--fn-wh:#fff;--fn-tx:#dde0e8;--fn-mt:#8a8fa0;--fn-r:8px;--fn-w:1180px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}body{font-family:'Poppins',sans-serif;background:var(--fn-bg);color:var(--fn-tx);line-height:1.6}
img{max-width:100%;height:auto;display:block}a{color:var(--fn-blue);text-decoration:none}
.fn-hdr{position:sticky;top:0;z-index:100;background:rgba(14,15,20,0.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,0.05)}
.fn-hdr-in{max-width:var(--fn-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:13px 22px}
.fn-logo img{height:36px;width:auto}
.fn-navlinks{list-style:none;display:flex;gap:20px}
.fn-navlinks a{color:var(--fn-mt);font-size:13px;font-weight:600;transition:color .2s}
.fn-navlinks a:hover{color:var(--fn-blue)}
.fn-cta{background:var(--fn-pur);color:var(--fn-wh);padding:10px 22px;border-radius:var(--fn-r);font-weight:700;font-size:13px;transition:box-shadow .2s}
.fn-cta:hover{box-shadow:0 4px 14px rgba(52,1,64,0.5)}
.fn-ham{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:4px}
.fn-ham span{width:24px;height:2px;background:var(--fn-wh);border-radius:1px}
.fn-wrap{max-width:var(--fn-w);margin:0 auto;padding:56px 22px}
h1{font-size:2.2rem;font-weight:700;color:var(--fn-wh);margin-bottom:18px}
h2{font-size:1.7rem;font-weight:700;color:var(--fn-wh);margin-bottom:14px}
h3{font-size:1.25rem;font-weight:600;color:var(--fn-wh);margin:36px 0 10px}
h4{font-size:1rem;font-weight:600;color:var(--fn-blue);margin-bottom:6px}
p{margin-bottom:12px}
.fn-hero{background:linear-gradient(145deg,var(--fn-sf),var(--fn-bg))}
.fn-hero-g{max-width:var(--fn-w);margin:0 auto;padding:72px 22px 52px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.fn-hero-img img{border-radius:var(--fn-r);box-shadow:0 8px 32px rgba(0,0,0,0.5)}
.fn-btn{display:inline-block;background:var(--fn-blue);color:#111;padding:13px 30px;border-radius:var(--fn-r);font-weight:700;font-size:15px;margin-top:10px;transition:transform .2s}
.fn-btn:hover{transform:translateY(-2px)}
.fn-split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.fn-split img{border-radius:var(--fn-r)}
.fn-bet{background:var(--fn-sf)}
.fn-sp-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.fn-tag{display:flex;align-items:center;gap:6px;background:var(--fn-cd);padding:8px 14px;border-radius:var(--fn-r);color:var(--fn-blue);font-size:12px;font-weight:600}
.fn-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.fn-step{background:var(--fn-cd);padding:24px 20px;border-radius:var(--fn-r);border-right: 3px solid var(--fn-pur)}
.fn-step-n{font-size:1.8rem;font-weight:700;color:var(--fn-pur);margin-bottom:8px}
.fn-cat3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.fn-cat-a{position:relative;border-radius:var(--fn-r);overflow:hidden;transition:transform .3s}
.fn-cat-a:hover{transform:scale(1.03)}
.fn-cat-l{position:absolute;bottom:0;left:0;right:0;padding:16px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,0.8));font-weight:700;color:var(--fn-wh)}
.fn-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.fn-tile{background:var(--fn-cd);border-radius:8px;overflow:hidden;text-align:center;transition:transform .2s}
.fn-tile:hover{transform:translateY(-3px)}
.fn-tile span{display:block;padding:6px;font-size:12px;font-weight:600;color:var(--fn-mt)}
.fn-reg{background:var(--fn-sf)}
.fn-ol{list-style:none;counter-reset:s;margin:12px 0}
.fn-ol li{counter-increment:s;padding:10px 0 10px 42px;position:relative;border-bottom:1px solid rgba(255,255,255,0.04)}
.fn-ol li::before{content:counter(s);position:absolute;left:0;top:10px;width:28px;height:28px;background:var(--fn-pur);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--fn-wh)}
.fn-payrow{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}
.fn-payrow img{background:var(--fn-cd);padding:6px;border-radius:6px}
.fn-tblw{overflow-x:auto;margin:12px 0}
.fn-tbl{width:100%;border-collapse:collapse;background:var(--fn-cd);border-radius:8px;overflow:hidden}
.fn-tbl th{background:var(--fn-sf);padding:10px 14px;text-align:left;font-weight:600;font-size:13px;color:var(--fn-blue)}
.fn-tbl td{padding:10px 14px;border-top:1px solid rgba(255,255,255,0.04);font-size:13px}
.fn-b3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.fn-bx{background:var(--fn-cd);border-radius:var(--fn-r);overflow:hidden}
.fn-bx img{width:100%}.fn-bx h4,.fn-bx p{padding:0 14px}.fn-bx p:last-child{padding-bottom:14px}
.fn-si{max-width:380px;margin:14px 0}.fn-si img{border-radius:var(--fn-r)}
.fn-tips{margin-top:16px}
.fn-tip{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.04)}
.fn-tip-i{min-width:36px;height:36px;background:var(--fn-pur);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--fn-wh)}
.fn-dls{display:flex;gap:14px;margin-top:16px}
.fn-dl{display:flex;align-items:center;gap:10px;background:var(--fn-cd);padding:12px 20px;border-radius:var(--fn-r);border:1px solid rgba(255,255,255,0.08);color:var(--fn-wh);transition:border-color .2s}
.fn-dl:hover{border-color:var(--fn-blue)}.fn-dl small{font-size:10px;color:var(--fn-mt);display:block}
.fn-faq-item{border-bottom:1px solid rgba(255,255,255,0.05)}
.fn-faq-q{width:100%;background:none;border:none;color:var(--fn-wh);font-size:15px;font-weight:600;padding:16px 0;text-align:left;cursor:pointer;font-family:inherit}
.fn-faq-q::after{content:'+';float:right;color:var(--fn-blue)}
.fn-faq-item.fn-on .fn-faq-q::after{content:'-'}
.fn-faq-a{max-height:0;overflow:hidden;transition:max-height .3s}
.fn-faq-item.fn-on .fn-faq-a{max-height:260px}.fn-faq-a p{padding-bottom:12px;color:var(--fn-mt);font-size:14px}
.fn-bio{display:flex;gap:16px;align-items:center;background:var(--fn-cd);padding:20px;border-radius:var(--fn-r)}
.fn-bio img{border-radius:50%;width:72px;height:72px;object-fit:cover}.fn-bio strong{color:var(--fn-wh)}.fn-bio p{font-size:13px;color:var(--fn-mt);margin:0}
.fn-ft{background:var(--fn-sf);border-top:1px solid rgba(255,255,255,0.04)}
.fn-ft-in{max-width:var(--fn-w);margin:0 auto;padding:34px 22px;text-align:center}
.fn-ft-in img{margin:0 auto 12px}.fn-ft-in p{color:var(--fn-mt);font-size:12px;margin-bottom:4px}
.fn-bar{position:fixed;bottom:0;left:0;right:0;background:var(--fn-pur);z-index:200;padding:10px 22px;transition:transform .3s}
.fn-bar-in{max-width:var(--fn-w);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:16px}
.fn-bar span{color:var(--fn-wh);font-weight:600;font-size:13px}
.fn-bar-btn{background:var(--fn-blue);color:#111;padding:7px 16px;border-radius:var(--fn-r);font-weight:700;font-size:12px}
.fn-bar-x{background:none;border:none;color:var(--fn-wh);font-size:20px;cursor:pointer}
@media(max-width:1024px){.fn-hero-g,.fn-split{grid-template-columns:1fr}.fn-steps{grid-template-columns:repeat(2,1fr)}.fn-g4{grid-template-columns:repeat(3,1fr)}.fn-b3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.fn-nav{display:none}.fn-nav.fn-active{display:block;position:absolute;top:56px;left:0;right:0;background:var(--fn-bg);padding:16px}.fn-nav.fn-active .fn-navlinks{flex-direction:column;gap:10px}.fn-ham{display:flex}h1{font-size:1.6rem}.fn-steps{grid-template-columns:1fr}.fn-cat3{grid-template-columns:1fr}.fn-g4{grid-template-columns:repeat(2,1fr)}.fn-b3{grid-template-columns:1fr}.fn-dls{flex-direction:column}}
@media(max-width:320px){.fn-hero-g{padding:52px 12px 36px}.fn-wrap{padding:36px 12px}.fn-g4{grid-template-columns:1fr}}