:root { color-scheme:dark; --ink:#e2e8f0; --muted:#94a3b8; --line:#243247; --panel:#111c30; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:2rem; }
body { margin:0; min-height:100vh; background:#0b1220; color:var(--ink); font:16px/1.75 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; text-rendering:optimizeLegibility; }
.skip-link { position:fixed; z-index:10; top:.75rem; left:.75rem; transform:translateY(-160%); padding:.7rem 1rem; border-radius:.7rem; background:#2563eb; color:#fff; font-weight:700; }
.skip-link:focus { transform:translateY(0); }
nav { position:sticky; top:0; z-index:5; padding:.9rem max(1.25rem,calc((100% - 1100px)/2)); border-bottom:1px solid var(--line); background:rgba(11,18,32,.9); backdrop-filter:blur(14px); }
nav a { color:#f8fafc; font-weight:800; text-decoration:none; font-size:1.2rem; }
nav span { color:#60a5fa; }
main { max-width:850px; margin:0 auto; padding:clamp(2.25rem,7vw,5rem) 1.25rem 4rem; }
.eyebrow { color:#60a5fa; font-size:.75rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1 { margin:.45rem 0 1rem; color:#f8fafc; font-size:clamp(2rem,6vw,3.3rem); letter-spacing:-.04em; line-height:1.12; }
.lede { color:#cbd5e1; font-size:1.1rem; max-width:65ch; }
h2 { margin:2.4rem 0 .5rem; color:#f8fafc; font-size:1.35rem; letter-spacing:-.02em; }
p,li { color:var(--muted); }
ul { padding-left:1.3rem; }
a { color:#7dd3fc; text-underline-offset:3px; }
a:hover { color:#bae6fd; }
.page-card { margin:1.5rem 0; padding:1.2rem 1.3rem; border:1px solid var(--line); border-radius:1rem; background:linear-gradient(135deg,rgba(30,41,59,.62),rgba(15,23,42,.55)); }
footer { padding:1.25rem; border-top:1px solid var(--line); color:#64748b; text-align:center; font-size:.85rem; }
:focus-visible { outline:3px solid #60a5fa; outline-offset:3px; }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto} *{animation:none!important;transition:none!important} }