:root{
  --brand-yellow:#f0c400;
  --text:#ffffff;
  --muted:#cfcfcf;
  --panel:#0e0e0e;
  --line:#1a1a1a;
}
*{box-sizing:border-box}
html,body{margin:0;background:#0a0a0a;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.45}
a{color:#fff;text-decoration:none}
.header{position:sticky;top:0;z-index:5;background:linear-gradient(180deg,#111,#0a0a0a);border-bottom:1px solid var(--line);padding:10px 18px;display:flex;align-items:center;gap:16px}
.header nav{margin-left:auto;display:flex;gap:18px}
.hero{background:radial-gradient(1200px 600px at 20% 10%, rgba(255,255,255,.05), transparent 60%), linear-gradient(180deg,#111,#0a0a0a)}
.hero .inner{max-width:1200px;margin:0 auto;padding:60px 20px 48px;text-align:center}
.hero h1{font-size:48px;line-height:1.04;margin:12px 0}
.hero p{color:var(--muted);max-width:720px;margin:0 auto 18px}
.cta{display:inline-block;padding:14px 22px;border-radius:10px;background:var(--brand-yellow);color:#000;font-weight:900}
.subnote{font-size:12px;color:#cfcfcf;text-transform:uppercase;letter-spacing:.18em;margin-top:12px}
.footer{margin-top:30px;border-top:1px solid var(--line);background:#0a0a0a}
.footer .inner{max-width:1200px;margin:0 auto;padding:24px 20px;color:#bdbdbd;font-size:14px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.footer .copy{margin-left:auto}