:root{
  --bg:#f6f8fb;--surface:#fff;--ink:#0b1b3a;--muted:#56627a;--line:#dfe5f0;
  --brand:#4f46e5;--brand2:#6366f1;--accent:#059669;--chip:#eef2ff;
  --grad:linear-gradient(135deg,#4f46e5,#4338ca);
  --shadow:0 1px 2px rgba(11,27,58,.05),0 10px 30px rgba(11,27,58,.07);
  --mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
  --font-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-head:'Space Grotesk','IBM Plex Sans',system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--bg:#070b19;--surface:#0e152e;--ink:#eef2ff;--muted:#94a3b8;--line:#1e294b;--brand:#818cf8;--brand2:#6366f1;--accent:#34d399;--chip:#172042;--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35)}
}
:root[data-theme="dark"]{--bg:#070b19;--surface:#0e152e;--ink:#eef2ff;--muted:#94a3b8;--line:#1e294b;--brand:#818cf8;--brand2:#6366f1;--accent:#34d399;--chip:#172042;--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35)}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-head);letter-spacing:-.02em;line-height:1.2}
a{color:var(--brand)}
button{font:inherit;color:inherit;cursor:pointer}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.wrap.wide{max-width:1320px}
.wrap.narrow{max-width:800px}
.muted{color:var(--muted)}
.small{font-size:14px}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}