:root { color-scheme: dark; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at 80% 0,#22143b 0,transparent 27%),#080d14; color: #edf3ff; line-height: 1.65; }
a { color: #a985ff; }
.legal-shell { width: min(900px, calc(100% - 32px)); margin: 0 auto; padding: 48px 0 72px; }
.legal-header { margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid #263347; }
.legal-brand { color: #a985ff; font-size: 13px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
h1 { margin: 8px 0 10px; font-size: clamp(32px, 6vw, 52px); line-height: 1.1; }
h2 { margin-top: 34px; font-size: 21px; }
p, li { color: #bcc9dc; }
.legal-card { padding: clamp(22px,4vw,42px); border: 1px solid #263347; border-radius: 12px; background: #101722; box-shadow:0 24px 70px #0006; }
.legal-nav { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.legal-nav a { padding: 10px 14px; border: 1px solid #354762; border-radius: 10px; color: #edf3ff; text-decoration: none; }
.legal-nav a:hover { border-color: #8a5cff; background: #1b2740; }
.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 26px 0; }
.feature { padding: 18px; border: 1px solid #263347; border-radius: 12px; background: #101925; }
.feature strong { display: block; margin-bottom: 6px; }
.muted { color: #8291a8; font-size: 14px; }
footer { margin-top: 44px; color: #8291a8; font-size: 14px; }