:root{--bg:#08111f;--panel:rgba(255,255,255,.06);--border:rgba(255,255,255,.12);
--text:#f8fafc;--muted:#cbd5e1;--soft:#94a3b8;--gold:#f4c542;
--shadow:0 20px 50px rgba(0,0,0,.28);--radius:24px;--radius-sm:16px;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6;
background:radial-gradient(circle at top left,rgba(244,197,66,.18),transparent 24%),
radial-gradient(circle at bottom right,rgba(59,130,246,.12),transparent 28%),var(--bg);}
a{color:inherit;text-decoration:none}
.container{width:min(var(--max),calc(100% - 32px));margin:0 auto}
.section{padding:72px 0}
.eyebrow{display:inline-block;padding:8px 14px;border-radius:999px;background:rgba(244,197,66,.12);
border:1px solid rgba(244,197,66,.24);color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
h1{font-size:clamp(2.5rem,5vw,4.5rem)}
h2{font-size:clamp(2rem,3.5vw,3rem)}
.lead{font-size:1.2rem;color:var(--muted)}
.btn{padding:14px 20px;border-radius:14px;font-weight:bold;cursor:pointer;text-align:center;display:inline-block}
.btn-primary{background:var(--gold);color:#000}
.btn-secondary{background:#1f2937}