:root { --bg: #FBF6F1; --text: #2E2A3B; --muted: #6F6880; --line: #EDE4DA; --accent: #5D51B8; color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #13121C; --text: #EEEAF6; --muted: #A29CB5; --line: #2F2C40; --accent: #B8AEF5; color-scheme: dark; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 17px/1.6 Nunito, system-ui, sans-serif;
  padding: max(20px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 56px max(18px, env(safe-area-inset-left)); }
.legal { max-width: 680px; margin: 0 auto; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 900; font-size: 22px; letter-spacing: -.02em; color: var(--text); text-decoration: none; }
.brand img { width: 36px; height: 36px; border-radius: 10px; }
h1 { font-size: 32px; font-weight: 900; line-height: 1.15; margin: 22px 0 4px; }
h2 { font-size: 20px; font-weight: 800; margin: 28px 0 6px; }
.meta { color: var(--muted); font-weight: 700; margin: 0 0 18px; }
ul { padding-left: 20px; }
li { margin: 6px 0; }
a { color: var(--accent); font-weight: 700; }