:root{color-scheme:light dark;--bg:#f7fffc;--card:#ffffff;--text:#16201c;--muted:#64706b;--mint:#49c9b0;--line:#dceae5}
@media(prefers-color-scheme:dark){:root{--bg:#101513;--card:#151c19;--text:#edf7f3;--muted:#a6b4ae;--line:#27332f}}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
main{max-width:760px;margin:0 auto;padding:72px 24px 56px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.01em}.dot{width:14px;height:14px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px color-mix(in srgb,var(--mint) 18%,transparent)}
.card{margin-top:34px;padding:34px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 16px 50px rgba(0,0,0,.05)}h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.08;margin:0 0 18px}h2{margin-top:2.1em}p,li{color:var(--text)}.muted{color:var(--muted)}nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}footer{margin-top:34px;color:var(--muted);font-size:.93rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:color-mix(in srgb,var(--mint) 12%,transparent);padding:.15em .4em;border-radius:.4em}