:root {
  --brand: #5B4BE0;
  --text: #1C1B22;
  --muted: #6B6878;
  --bg: #F6F4FF;
}
@media (prefers-color-scheme: dark) {
  :root { --brand: #8F80FF; --text: #F2F0FA; --muted: #A6A3B5; --bg: #0E0C1A; }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font: 17px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--text);
  background: var(--bg);
}
main { max-width: 640px; margin: 0 auto; padding: 64px 20px; }
h1 { font-size: 34px; line-height: 1.2; margin: 0 0 16px; color: var(--brand); }
h2 { font-size: 20px; margin: 32px 0 8px; }
p, li { color: var(--muted); }
a { color: var(--brand); }
hr { border: 0; border-top: 1px solid color-mix(in srgb, var(--muted) 30%, transparent); margin: 48px 0; }
.lang { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }