:root { color-scheme: dark; --bg:#11101d; --card:#211f32; --text:#f5f2ff; --muted:#b8b2c9; --accent:#a694f2; --mint:#8cdbc8; }
* { box-sizing: border-box; }
body { margin:0; background:radial-gradient(circle at 80% 0,#2b2548 0,transparent 32%),var(--bg); color:var(--text); font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { width:min(760px,calc(100% - 40px)); margin:0 auto; padding:64px 0 88px; }
nav { display:flex; justify-content:space-between; align-items:center; margin-bottom:56px; }
nav a, a { color:var(--mint); text-decoration:none; }
.brand { color:var(--text); font-size:20px; font-weight:750; }
.links { display:flex; gap:20px; }
h1 { font-size:clamp(38px,7vw,62px); line-height:1.05; letter-spacing:-.035em; margin:0 0 20px; }
h2 { margin-top:42px; font-size:23px; }
p, li { color:var(--muted); }
.lead { font-size:20px; max-width:650px; }
.card { margin-top:36px; padding:28px; border:1px solid #ffffff18; border-radius:24px; background:#ffffff08; }
.eyebrow { color:var(--mint); font-size:13px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
footer { margin-top:60px; padding-top:22px; border-top:1px solid #ffffff18; color:var(--muted); font-size:14px; }
@media(max-width:560px){ main{padding-top:32px}.links{gap:12px}nav{align-items:flex-start}.card{padding:20px} }