/* --max-w is the container box width; containers inset content by 24px gutters (768px box = 720px content). */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{color-scheme:light dark;--bg:#faf9fc;--surface:#fff;--text:#1a1a2e;--text2:#555770;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-soft:rgba(124,58,237,.08);--border:#e4e0ee;--radius:16px;--max-w:768px}
@media(prefers-color-scheme:dark){:root{--bg:#0c0a14;--surface:#1c1830;--text:#eeedf5;--text2:#a098b5;--border:#2a2540}}
body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}