:root{
  --bg:#081c15;--bg2:#0f2a21;--surface:rgba(255,255,255,.04);
  --accent:#22c55e;--accent2:#4ade80;--gold:#facc15;
  --text:#ecfdf5;--text2:#bbf7d0;--muted:#6ee7b7;
  --radius:18px;--container:1320px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);line-height:1.6}
img{max-width:100%;display:block;border-radius:var(--radius)}
a{text-decoration:none;color:inherit}
.container{max-width:var(--container);margin:auto;padding:0 32px}
.section{padding:110px 0}.section-sm{padding:40px 0}
.site-bg{position:fixed;inset:0;background:radial-gradient(circle at 15% 10%,rgba(74,222,128,.08),transparent 40%),radial-gradient(circle at 90% 20%,rgba(250,204,21,.06),transparent 35%);z-index:-2}
.site-header{position:sticky;top:0;z-index:99;background:rgba(8,28,21,.45);backdrop-filter:blur(10px);border-bottom:1px solid rgba(74,222,128,.22)}
.site-header.scrolled{background:rgba(8,28,21,.75);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}
.logo{font-family:Poppins,sans-serif;font-weight:700;font-size:1.35rem}
.desktop-nav{display:flex;gap:24px}
.desktop-nav a{color:var(--text2);position:relative}
.desktop-nav a::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:var(--accent);transition:.3s}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--accent2)}.desktop-nav a:hover::after,.desktop-nav a.active::after{width:100%}
.btn{border:none;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:16px;font-weight:600;transition:.25s}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#062814;box-shadow:0 10px 24px rgba(34,197,94,.24)}
.btn-outline{border:1px solid rgba(110,231,183,.45);color:var(--text)}
.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px}
.eyebrow{color:var(--gold);font-weight:600;margin-bottom:14px}
h1,h2,h3{font-family:Poppins,sans-serif;line-height:1.2}
h1{font-size:clamp(2rem,4vw,3.8rem);margin-bottom:18px}
h2{font-size:clamp(1.6rem,2.4vw,2.4rem);margin-bottom:14px}
.lead{color:var(--text2);max-width:60ch}.disclaimer{font-size:.85rem;color:var(--muted);margin-top:16px}
.hero-actions{display:flex;gap:12px;margin-top:26px}
.hero-visual img{min-height:360px;object-fit:cover}
.section-head{text-align:center;margin-bottom:28px}
.game-frame-wrap{background:var(--surface);border:1px solid rgba(74,222,128,.35);border-radius:20px;padding:16px;box-shadow:0 16px 40px rgba(0,0,0,.3),0 0 40px rgba(34,197,94,.08);transition:.3s}
.game-frame-wrap:hover{transform:scale(1.01)}
.game-frame-wrap iframe{width:100%;height:680px;border:none;border-radius:14px;background:#06150f}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.glass-card{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(110,231,183,.22);border-radius:18px;padding:24px;box-shadow:0 12px 32px rgba(0,0,0,.25);transition:.25s}
.glass-card:hover{transform:translateY(-4px)}
.prose{max-width:900px}.prose h1{margin-bottom:20px}.prose h2{margin-top:26px}.prose p,.prose li{color:var(--text2)}
.form-grid{display:grid;gap:16px;max-width:760px}
label{display:grid;gap:8px;color:var(--text2)}
input,textarea{background:rgba(255,255,255,.04);border:1px solid rgba(110,231,183,.25);color:var(--text);border-radius:12px;padding:12px}
.site-footer{border-top:1px solid rgba(110,231,183,.18);background:rgba(8,28,21,.45)}
.footer-grid{display:grid;gap:14px}.muted{color:var(--muted)}
.menu-toggle,.mobile-menu,.menu-overlay{display:none}