:root { --bg:#08111f; --panel:#0f1b32; --ink:#f4efe6; --muted:#b4bfd5; --accent:#64d8ff; --gold:#f7b84b; --line:rgba(255,255,255,.1); }
* { box-sizing:border-box; }
body { margin:0; font-family:"IBM Plex Sans","Segoe UI",sans-serif; color:var(--ink); background:linear-gradient(160deg,#08111f,#112447 58%,#190f26); }
.page { max-width:1200px; margin:0 auto; padding:28px 18px 64px; }
.hero, .card { border:1px solid var(--line); background:rgba(12,19,37,.86); border-radius:24px; box-shadow:0 24px 60px rgba(0,0,0,.35); }
.hero { padding:28px; margin-bottom:20px; }
.section { margin-top:18px; }
.grid { display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.card { padding:22px; }
.eyebrow { margin:0 0 8px; text-transform:uppercase; letter-spacing:.16em; color:var(--gold); font-size:.75rem; }
h1,h2 { margin:0 0 10px; font-family:"Space Grotesk","IBM Plex Sans",sans-serif; }
h1 { font-size:clamp(2.2rem,4vw,4rem); text-transform:uppercase; }
.lede, .link-list a { color:var(--muted); }
.button { display:inline-block; margin-top:12px; padding:12px 16px; border-radius:999px; text-decoration:none; color:#08111f; background:linear-gradient(135deg,var(--accent),#a0efff); }
.link-list { padding-left:18px; }
@media (max-width:720px) { .page { padding:18px 12px 48px; } }