:root{
  --bg:#0a111e; --surface:#121b2d; --raised:#18233a; --line:#26334d;
  --text:#e7edf7; --muted:#92a1bb; --accent:#2dd4bf; --accent-2:#22d3ee; --accent-ink:#04201c;
  --danger:#f87171; --warn:#fbbf24; --ok:#34d399;
  --radius:10px; --font:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 var(--font);min-height:100vh;display:flex;flex-direction:column}
main{flex:1;width:100%;max-width:1040px;margin:0 auto;padding:32px 20px 64px}
h1{font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 12px}
h2{font-size:1.25rem;margin:0 0 12px;letter-spacing:-.01em}
h3{font-size:1rem;margin:0 0 6px}
p{margin:0 0 12px;max-width:68ch}
a{color:var(--accent-2)}
.muted{color:var(--muted)}
.mono{font-family:var(--mono);font-size:.92em}
:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}