*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#061317;color:#eefafa;font-family:Arial,Helvetica,sans-serif;line-height:1.55}.header{height:76px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b3538;background:#061317;position:sticky;top:0;z-index:30}.brand{display:block;width:150px;height:52px;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}.menu{display:none;background:none;border:0;color:#20e0e2;font-size:24px}nav{display:flex;align-items:center;gap:23px}nav a{font-size:10px;letter-spacing:1px;font-weight:800;color:#a6b9ba;text-decoration:none}.login{border:1px solid #345457;padding:9px 14px}.register{background:#20e0e2;color:#061317!important;padding:10px 16px}.hero{min-height:650px;padding:90px 7vw;display:grid;grid-template-columns:1fr 1.2fr;gap:4vw;align-items:center;background:radial-gradient(circle at 80% 50%,#123c40 0,transparent 35%),#061317;overflow:hidden}.eyebrow,.section-label{color:#20e0e2;font-size:10px;font-weight:900;letter-spacing:2.5px}.hero h1{font-size:clamp(48px,6vw,84px);line-height:.96;letter-spacing:-3px;margin:20px 0}.hero h1 span,.intro em,.guide em,.cta em{color:#20e0e2;font-style:normal}.hero-copy>p{max-width:610px;color:#9ab0b1;font-size:16px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;text-decoration:none;padding:14px 21px;font-size:10px;font-weight:900;letter-spacing:1.2px}.primary{background:#20e0e2;color:#061317}.outline{border:1px solid #3c5a5c;color:#fff}.dark{background:#061317;color:#fff;border:1px solid #294648}.hero-meta{display:flex;gap:24px;margin-top:48px;color:#698082;font-size:8px;letter-spacing:1px}.hero-meta b{display:block;color:#fff;font-size:17px}.hero-mark{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center;flex-direction:column}.hero-mark .glow{position:absolute;width:370px;height:370px;border-radius:50%;background:#20e0e222;filter:blur(45px)}.hero-mark img{position:relative;width:min(980px,125%);max-width:none;filter:drop-shadow(0 20px 45px #000)}.mark-caption{font-size:9px;letter-spacing:2px;color:#799294;margin-top:20px}.banner{padding:35px 5vw 45px;background:#edf5f5;color:#061317}.banner img{display:block;width:100%;max-width:1500px;max-height:650px;object-fit:contain;margin:12px auto 0}.ticker{text-align:center;padding:13px;background:#20e0e2;color:#061317;font-size:10px;font-weight:900;letter-spacing:1.6px}.ticker i{margin:0 15px}.games{padding:95px 8vw;background:#edf5f5;color:#061317;display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw}.intro h2{font-size:clamp(44px,5vw,70px);line-height:.95;margin:20px 0}.intro p{color:#647678;max-width:370px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#b8cacc;border:1px solid #b8cacc}.game{background:#edf5f5;padding:30px;min-height:220px;display:flex;flex-direction:column}.game.featured{background:#d5eeee}.game>span{font-size:10px;color:#07999b;font-weight:900}.game h3{font-size:24px;margin:25px 0 7px}.game p{color:#687a7b;font-size:12px}.game a{margin-top:auto;color:#078b8d;font-size:9px;font-weight:900;text-decoration:none;letter-spacing:1px}.guide{display:grid;grid-template-columns:.75fr 1.25fr;background:#0b2022}.guide-intro{padding:95px 8vw;border-right:1px solid #234244}.guide-intro h2{font-size:clamp(45px,5vw,72px);line-height:.95;margin:20px 0}.guide-intro p{color:#8aa0a1;max-width:400px}.guide-intro>a{display:inline-block;color:#20e0e2;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:1.4px;margin-top:25px}.steps{padding:70px 9vw}.steps>div{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:27px 0;border-bottom:1px solid #234244}.steps b{color:#20e0e2}.steps h3{margin:0 0 5px}.steps p{margin:0;color:#8aa0a1;font-size:13px}.seo-panel{padding:80px 8vw;background:#20e0e2;color:#061317}.seo-panel h2{font-size:clamp(35px,5vw,64px);margin:15px 0;line-height:1}.seo-panel p{max-width:700px}.cta{padding:95px 8vw;background:#edf5f5;color:#061317;display:flex;justify-content:space-between;align-items:end;gap:40px}.cta h2{font-size:clamp(48px,6vw,78px);line-height:.9;margin:20px 0}.cta p{color:#687a7b}.cta-actions{display:flex;gap:9px;flex-wrap:wrap}.faq{padding:90px 8vw;background:#061317}.faq h2{font-size:clamp(42px,5vw,64px);margin:18px 0 45px}.faq details{max-width:900px;border-top:1px solid #244143;padding:21px 0}.faq details:last-child{border-bottom:1px solid #244143}.faq summary{cursor:pointer;font-weight:800}.faq p{color:#8da2a3}.popup{position:fixed;inset:0;background:#000c;display:none;align-items:center;justify-content:center;padding:18px;z-index:100}.popup.show{display:flex}.modal{position:relative;background:#edf5f5;color:#061317;width:min(900px,95vw);padding:12px;box-shadow:0 30px 100px #000}.modal>img{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain}.close{position:absolute;right:-13px;top:-13px;width:38px;height:38px;border:0;border-radius:50%;background:#20e0e2;color:#061317;font-size:23px;cursor:pointer;z-index:2}.pop-actions{display:flex;gap:8px;padding-top:10px}.pop-actions>*{flex:1;padding:13px;text-align:center;text-decoration:none;border:0;font-size:10px;font-weight:900;letter-spacing:1px;background:#20e0e2;color:#061317;cursor:pointer}.pop-actions button{background:#fff;border:1px solid #c1ced0}footer{padding:38px 20px;text-align:center;border-top:1px solid #1b3538;background:#061317;color:#799294;font-size:9px;letter-spacing:1px}footer img{display:block;width:150px;max-width:100%;height:auto;margin:0 auto 12px}
@media(max-width:850px){.header{padding:0 20px}.menu{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#061317;padding:15px 20px;flex-direction:column;border-bottom:1px solid #1b3538}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:70px 7vw}.hero-mark{min-height:380px}.hero-mark img{width:125%;max-width:900px}.games{grid-template-columns:1fr;padding:70px 7vw}.guide{grid-template-columns:1fr}.guide-intro{border-right:0;border-bottom:1px solid #234244;padding:70px 7vw}.steps{padding:55px 7vw}.cta{display:block;padding:70px 7vw}.cta-actions{margin-top:25px}.banner{padding:25px 3vw}.seo-panel{padding:65px 7vw}}@media(max-width:520px){.hero-mark{min-height:250px}.hero-mark img{width:100%;max-width:100%}.hero h1{font-size:44px}.hero-meta{gap:12px}.hero-mark img{width:125%;max-width:900px}.grid{grid-template-columns:1fr}.pop-actions{flex-direction:column}footer{display:block;text-align:center}footer img{display:block;margin:0 auto}}