:root{--bg:#071023;--panel:#101d34;--panel2:#1d2a43;--cyan:#00e6ee;--teal:#008f99;--text:#f5f8ff;--muted:#aebbd0;--gold:#ffcc4d;--line:rgba(0,230,238,.55);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% -15%,rgba(0,230,238,.12),transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{ -webkit-tap-highlight-color:transparent}.wrap{width:min(1200px,calc(100% - 36px));margin:auto}.topbar{background:#fff;color:#10131a;height:30px;display:flex;align-items:center;justify-content:flex-end;padding:0 max(18px,calc((100% - 1200px)/2));font-weight:700;font-size:13px}.topbar .clock{font-variant-numeric:tabular-nums}.header{position:sticky;top:0;z-index:30;background:rgba(7,16,35,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.12)}.nav{min-height:88px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;flex:1;min-width:0}.brand img{width:245px;max-height:62px;object-fit:contain;object-position:left center}.navlinks{display:flex;gap:24px;align-items:center;color:#d6e0f0;font-size:14px;font-weight:650}.navlinks a:hover{color:var(--cyan)}.actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;padding:13px 24px;font-weight:800;font-size:14px;cursor:pointer;transition:transform .2s,filter .2s;background:linear-gradient(100deg,var(--cyan),#16b7cf);color:#041322;box-shadow:0 8px 26px rgba(0,230,238,.12)}.btn:hover{transform:translateY(-2px);filter:brightness(1.07)}.btn.secondary{background:#087e8b;color:#fff;box-shadow:none}.btn.ghost{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#fff;box-shadow:none}.menu-toggle{display:none;background:#fff;color:#071023;border:0;border-radius:50%;width:44px;height:44px;font-size:22px}.hero{padding:30px 0 24px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch}.hero-copy{padding:clamp(22px,4vw,48px);border-radius:26px;background:linear-gradient(135deg,#192640,#10192d 62%,#132d45);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,230,238,.35);border-radius:999px;padding:7px 12px;color:#a5fbff;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:850}.dot{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}h1{font-size:clamp(36px,5.3vw,64px);line-height:1.02;letter-spacing:-.045em;margin:22px 0 18px}h1 span,.gradient{background:linear-gradient(100deg,#f3a05c 0%,#c64a87 38%,#35d9ee 72%,#3775ed 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{color:#c1cde0;max-width:590px;font-size:16px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.micro{color:#94a6c0;font-size:12px}.hero-art{min-height:380px;position:relative;border-radius:26px;overflow:hidden;background:#111a32;border:1px solid rgba(255,255,255,.1)}.hero-art img{width:100%;height:100%;min-height:380px;object-fit:cover}.art-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,9,22,.85),transparent 60%),linear-gradient(90deg,rgba(7,16,35,.15),transparent)}.art-label{position:absolute;left:22px;right:22px;bottom:20px}.art-label strong{font-size:24px;display:block}.art-label span{color:#c8d5e7;font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.stat{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);padding:14px;border-radius:14px}.stat strong{display:block;color:var(--cyan);font-size:20px}.stat span{font-size:12px;color:#aebbd0}.section{padding:26px 0 16px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.section h2{margin:0;font-size:clamp(25px,3.2vw,34px);font-weight:900;font-style:italic;letter-spacing:-.025em;text-transform:uppercase}.section-sub{margin:6px 0 0;color:var(--muted);font-size:14px}.section-rule{height:3px;background:linear-gradient(90deg,var(--cyan) 0 12%,var(--teal) 12% 100%);margin-top:14px;border-radius:99px}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.game-card{position:relative;overflow:hidden;border-radius:18px;background:var(--panel);border:1px solid rgba(255,255,255,.09);transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-5px);border-color:rgba(0,230,238,.5)}.game-card img{width:100%;aspect-ratio:3/4;object-fit:cover}.game-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(4,8,18,.9));pointer-events:none}.game-info{position:absolute;z-index:1;left:14px;right:14px;bottom:14px}.game-info strong{display:block;font-size:15px;text-transform:uppercase;letter-spacing:.02em}.game-info span{display:block;font-size:11px;color:#d0d9e8}.game-info .play{display:inline-flex;margin-top:9px;padding:7px 12px;border-radius:999px;background:var(--cyan);color:#041322;font-weight:850;font-size:11px}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.promo{border-radius:20px;min-height:180px;padding:26px;background:linear-gradient(120deg,#2d1125,#15243d);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.promo:nth-child(2){background:linear-gradient(120deg,#06383f,#17243b)}.promo h3{font-size:24px;margin:0 0 8px}.promo p{color:#c2ccdd;max-width:440px;font-size:14px}.promo .btn{margin-top:8px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card{background:var(--panel);padding:23px;border-radius:18px;border:1px solid rgba(255,255,255,.08)}.iconbox{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(0,230,238,.1);color:var(--cyan);font-size:22px;margin-bottom:14px}.info-card h3{margin:0 0 8px}.info-card p{margin:0;color:#adbbcf;font-size:14px}.cta{margin:35px 0 25px;padding:clamp(25px,5vw,48px);border-radius:24px;background:linear-gradient(110deg,#0a4654,#17233d 65%,#3b1941);border:1px solid rgba(0,230,238,.22);display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{font-size:clamp(25px,3.4vw,38px);margin:0 0 8px}.cta p{color:#c2cede;margin:0}.page-hero{padding:58px 0 30px}.page-hero .panel{padding:clamp(26px,5vw,54px);border-radius:26px;background:linear-gradient(120deg,#192640,#10192d);border:1px solid rgba(255,255,255,.1)}.page-hero h1{font-size:clamp(36px,5vw,56px);max-width:800px}.page-hero p{max-width:760px;color:#c2cede}.content-block{padding:18px 0 35px}.content-block h2{font-size:26px}.content-block p,.content-block li{color:#b9c6d9}.content-block ul{padding-left:22px}.auth-wrap{min-height:65vh;display:grid;place-items:center;padding:45px 18px}.auth-card{width:min(480px,100%);padding:clamp(24px,5vw,42px);border-radius:24px;background:var(--panel);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px rgba(0,0,0,.25)}.auth-card h1{font-size:36px;margin:10px 0}.auth-card p{color:#b8c5d8}.auth-card .btn{width:100%;margin-top:12px}.auth-note{font-size:12px;color:#9baac0!important}.footer{margin-top:40px;background:#050b18;border-top:1px solid rgba(255,255,255,.1);padding:36px 0 100px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:28px}.footer-logo{width:205px;max-height:55px;object-fit:contain;object-position:left}.footer p,.footer a{font-size:13px;color:#aebbd0}.footer h4{margin:0 0 12px}.footer-links{display:grid;gap:8px}.disclaimer{font-size:11px!important;color:#8191aa!important;border-top:1px solid rgba(255,255,255,.1);padding-top:16px;margin-top:25px}.floating-join{position:fixed;z-index:40;right:18px;bottom:20px;display:flex;align-items:center;gap:9px;padding:13px 18px;border-radius:999px;background:linear-gradient(100deg,var(--cyan),#14c6cf);color:#041322;font-weight:900;box-shadow:0 10px 35px rgba(0,230,238,.25);animation:pulse 2.6s infinite}.floating-join span{font-size:19px}@keyframes pulse{0%,100%{box-shadow:0 10px 28px rgba(0,230,238,.18)}50%{box-shadow:0 10px 38px rgba(0,230,238,.4)}}.bottom-nav{display:none}.faq details{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:16px 18px;margin:10px 0}.faq summary{cursor:pointer;font-weight:750}.faq details p{color:#b6c4d8;font-size:14px}.badge{display:inline-flex;padding:5px 9px;border-radius:7px;background:rgba(255,204,77,.13);color:var(--gold);font-size:11px;font-weight:850}
@media(max-width:900px){.nav{gap:14px}.brand img{width:205px}.navlinks{gap:14px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr 1fr}.hero-art,.hero-art img{min-height:340px}}
@media(max-width:680px){.wrap{width:min(100% - 24px,560px)}.topbar{height:25px}.nav{min-height:78px;gap:10px}.brand{order:2;justify-content:center}.brand img{width:min(48vw,210px);max-height:53px;object-position:center}.menu-toggle{display:block;order:1;flex:0 0 42px}.actions{order:3;gap:6px}.actions .btn{padding:10px 12px;font-size:12px}.actions .signup-wide{display:none}.navlinks{display:none;position:absolute;top:78px;left:0;right:0;padding:18px 22px 22px;background:#0b162b;flex-direction:column;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.1)}.navlinks.open{display:flex}.hero{padding-top:14px}.hero-grid{grid-template-columns:1fr;gap:12px}.hero-copy{padding:24px 20px}.hero-copy p{font-size:14px}.hero-art,.hero-art img{min-height:250px;height:270px}.stats{gap:7px}.stat{padding:10px}.stat strong{font-size:17px}.stat span{font-size:10px}.section{padding-top:22px}.section-head{align-items:start}.section-sub{font-size:12px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-info{left:10px;right:10px;bottom:10px}.game-info strong{font-size:13px}.game-info .play{padding:6px 10px}.promo-grid,.info-grid{grid-template-columns:1fr}.promo{padding:22px;min-height:165px}.cta{display:block}.cta .btn{margin-top:18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer{padding-bottom:100px}.floating-join{right:12px;bottom:82px;padding:11px 15px;font-size:13px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:35;bottom:0;left:0;right:0;background:rgba(20,33,55,.97);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.12);padding:8px 6px calc(8px + env(safe-area-inset-bottom));}.bottom-nav a{text-align:center;font-size:10px;font-weight:750;color:#dce6f5;padding:5px 2px}.bottom-nav .ico{display:block;font-size:20px;line-height:1.2;color:var(--cyan);margin-bottom:3px}.auth-wrap{min-height:60vh;padding:28px 12px}.page-hero{padding-top:28px}.page-hero .panel{padding:25px 20px}.footer-logo{width:185px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Dynamic engagement sections */
.hero-livebar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:10px 12px;margin-top:18px;font-size:11px;color:#b8c7dc}.hero-livebar strong{color:#fff;font-variant-numeric:tabular-nums}.hero-livebar>span:nth-child(2){font-weight:900;letter-spacing:.08em;color:#9ffbff}.live-pulse{width:7px;height:7px;background:#2df5a5;border-radius:50%;box-shadow:0 0 12px #2df5a5}.live-sep{color:#53647e}
.vibe-panel,.challenge-panel{border-radius:22px;background:linear-gradient(125deg,#17253e,#0e192e);border:1px solid rgba(255,255,255,.1);padding:22px}.vibe-options{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.vibe-chip{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.045);color:#dce6f4;border-radius:999px;padding:10px 14px;font-weight:750;font-size:12px;cursor:pointer}.vibe-chip:hover,.vibe-chip.active{background:rgba(0,230,238,.14);border-color:var(--cyan);color:#a7fcff}.vibe-result{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid rgba(255,255,255,.09);padding-top:18px}.vibe-result>div{flex:1;min-width:200px}.vibe-result h3,.challenge-panel h3{font-size:25px;margin:8px 0 3px}.vibe-result p,.challenge-panel p{margin:0;color:#b4c3d8;font-size:13px}.challenge-panel{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.challenge-meta{font-size:12px;color:#9db0c8;margin-top:16px}.challenge-meta strong{color:var(--cyan)}.challenge-sep{margin:0 8px;color:#52657e}.challenge-tiles{display:flex;gap:10px}.challenge-tile{width:72px;height:86px;border:1px solid rgba(0,230,238,.35);border-radius:15px;background:linear-gradient(145deg,#1e3655,#0c1528);color:var(--cyan);font-size:28px;font-weight:900;cursor:pointer;box-shadow:inset 0 0 18px rgba(0,230,238,.06);transition:transform .2s,background .2s}.challenge-tile:hover{transform:translateY(-3px)}.challenge-tile.revealed{background:linear-gradient(145deg,#073f4a,#152540);color:#ffe17c}.challenge-tile:disabled{cursor:default;opacity:.8}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-mini{display:flex;align-items:center;gap:12px;padding:16px;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:15px}.feature-mini>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:rgba(0,230,238,.12);color:var(--cyan);font-size:20px}.feature-mini strong,.feature-mini small{display:block}.feature-mini strong{font-size:12px}.feature-mini small{font-size:10px;color:#a7b6cb;margin-top:3px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 30px}.step-card{background:var(--panel);border:1px solid rgba(255,255,255,.08);padding:20px;border-radius:16px}.step-card>span{color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.12em}.step-card h3{margin:8px 0}.step-card p{font-size:13px;margin:0}.auth-benefits{display:grid;grid-template-columns:1fr;gap:8px;margin:20px 0}.auth-benefits>div{display:grid;grid-template-columns:30px 1fr;column-gap:8px;align-items:center;padding:10px;border-radius:12px;background:rgba(255,255,255,.035)}.auth-benefits span{grid-row:span 2;color:var(--cyan);font-size:18px}.auth-benefits strong{font-size:12px}.auth-benefits small{font-size:11px;color:#aebbd0}.auth-timer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px;border-radius:12px;background:rgba(0,230,238,.06);border:1px solid rgba(0,230,238,.13);font-size:11px;color:#a9b9cf}.auth-timer strong{color:#eafcff;font-variant-numeric:tabular-nums}
@media(max-width:900px){.feature-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.hero-livebar{font-size:10px;gap:6px}.vibe-panel,.challenge-panel{padding:16px}.vibe-result{align-items:stretch}.vibe-result .btn{flex:1}.challenge-panel{grid-template-columns:1fr}.challenge-tiles{justify-content:space-between}.challenge-tile{width:calc(33.33% - 7px);height:76px}.challenge-panel>#challenge-reset{justify-self:start}.feature-strip,.steps-grid{grid-template-columns:1fr}.feature-mini{padding:12px}.auth-timer{display:grid;grid-template-columns:1fr}}