:root { --primary:#3b82f6; --primary-hover:#60a5fa; --background:#0f172a; --surface:#1e293b; --text:#f8fafc; --muted:#94a3b8; --border:#334155; }
* { box-sizing:border-box; }
body { margin:0; background:var(--background); color:var(--text); font:16px/1.7 Inter,Arial,sans-serif; }
a { color:var(--primary-hover); } .legal-header { border-bottom:1px solid var(--border); background:#0b1120; }
.legal-nav, .legal-main { width:min(860px,calc(100% - 3rem)); margin:auto; } .legal-nav { display:flex; justify-content:space-between; align-items:center; padding:1.1rem 0; }
.brand { color:var(--text); font-weight:800; text-decoration:none; } .legal-main { padding:4rem 0 5rem; } h1,h2 { font-family:"Space Grotesk",Arial,sans-serif; line-height:1.2; } h1 { font-size:2.35rem; margin:0 0 .6rem; } h2 { margin:2.25rem 0 .75rem; font-size:1.35rem; }
.updated { color:var(--muted); } .notice { margin:1.5rem 0; padding:1rem 1.2rem; border-left:3px solid var(--primary); background:var(--surface); border-radius:.4rem; } li { margin:.35rem 0; } .legal-footer { padding:1.5rem; color:var(--muted); text-align:center; border-top:1px solid var(--border); }
@media(max-width:560px){ .legal-nav,.legal-main{width:min(100% - 2rem,860px)} h1{font-size:1.85rem} }