:root{--accent:#2b88d8;--accent-hover:#1f6fb6;--accent-contrast:#fff;--bg:#f5f6f8;--surface:#fff;--surface-2:#eef1f4;--border:#d9dde2;--text:#1c2024;--text-muted:#5b636b;--radius:8px;--maxw:1120px;--font:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04)}:root[data-theme=dark]{--bg:#1a1c1e;--surface:#1e1e1e;--surface-2:#262a2e;--border:#34393e;--text:#e8eaed;--text-muted:#a3abb3;--shadow:0 1px 3px rgba(0,0,0,.4)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius);border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}h1,h2,h3{line-height:1.2}