:root { color-scheme: dark; --bg: #0b0d10; --fg: #e8edf2; --muted: #8e9aa8; --line: #2a313a; --card: #11161d; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; font-family: system-ui, -apple-system, Segoe UI, sans-serif; background: radial-gradient(circle at 20% 10%, #18202a, var(--bg) 50%); color: var(--fg); }
a { color: var(--fg); text-decoration-color: var(--muted); text-underline-offset: .25em; }
.shell { min-height: 100vh; display: grid; place-items: center; padding: 2rem; }
.card { width: min(680px, 100%); padding: clamp(2rem, 6vw, 4rem); border: 1px solid var(--line); background: color-mix(in srgb, var(--card) 90%, transparent); border-radius: 28px; box-shadow: 0 24px 80px rgba(0,0,0,.35); }
.eyebrow { letter-spacing: .16em; text-transform: uppercase; color: var(--muted); font-size: .78rem; }
h1 { margin: .2rem 0 1rem; font-size: clamp(2.4rem, 8vw, 5rem); line-height: .95; }
p { color: var(--fg); font-size: 1.08rem; line-height: 1.65; }
.muted { color: var(--muted); }
nav { display: flex; gap: 1rem; margin-top: 2rem; }
.compact { font-size: .95rem; }
.legal-card h2 { margin-top: 2rem; font-size: 1.1rem; }
.legal-card nav { flex-wrap: wrap; }