:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background:#07111f; color:#dbeafe; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at top right,#12335b 0,#07111f 45%); }
main { width:min(760px,calc(100% - 2rem)); margin:0 auto; padding:5rem 0; }
h1 { margin:.2rem 0 1rem; color:#fff; font-size:clamp(2.5rem,8vw,4.75rem); line-height:1; letter-spacing:-.045em; }
h2 { margin:0 0 .6rem; color:#fff; font-size:1.25rem; }
p { line-height:1.7; }
section { margin:1.25rem 0; padding:1.25rem 1.4rem; border:1px solid #274567; border-radius:1rem; background:#0a1829cc; }
a { color:#7dd3fc; }
.eyebrow { margin:0; color:#7dd3fc; font-weight:700; letter-spacing:.12em; text-transform:uppercase; font-size:.78rem; }
.lead { max-width:640px; color:#b8cbe2; font-size:1.15rem; }
.button { display:inline-block; margin-top:.5rem; padding:.8rem 1rem; border-radius:.75rem; background:#38bdf8; color:#062033; font-weight:800; text-decoration:none; }
.button:focus,.button:hover { background:#7dd3fc; }