*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(135deg,#0b0d19,#0a443e);color:#fff}
.hero{padding:56px 20px 24px;text-align:center}
.hero.small{padding:32px 20px 16px}
.hero h1{margin:0 0 8px;font-size:40px;letter-spacing:-0.02em}
.tagline{opacity:.9;margin:0;font-size:18px}
.links{margin-top:12px}
.links a{color:#fff;text-decoration:none;margin:0 8px;opacity:.9}
.links a:hover{text-decoration:underline}
.content{max-width:880px;margin:0 auto;padding:24px}
.card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px}
.card h2{margin-top:0}
.footer{opacity:.7;text-align:center;padding:24px}