:root { color-scheme: dark; --bg: #090616; --panel: #16112b; --text: #f8fafc; --muted: #a8b0c2; --line: rgba(255,255,255,.1); --accent: #ff3b5c; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.7 'Plus Jakarta Sans', Arial, sans-serif; }
a { color: #ff7188; }
.legal-shell { width: min(920px, calc(100% - 32px)); margin: 0 auto; padding: 28px 0 64px; }
.legal-top { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:26px; }
.legal-top a { text-decoration:none; }
.legal-card { background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:clamp(20px,5vw,48px); box-shadow:0 20px 60px #0005; }
h1 { font-size:clamp(1.8rem,5vw,2.6rem); line-height:1.15; margin:0 0 10px; }
h2 { font-size:1.25rem; margin:32px 0 8px; line-height:1.3; }
p, li { color:var(--muted); }
.legal-updated { color:#9099ae; font-size:.9rem; margin-bottom:28px; }
.legal-note { border-left:3px solid var(--accent); padding:12px 16px; background:#ff3b5c12; border-radius:0 10px 10px 0; }
.legal-nav { display:flex; gap:14px; flex-wrap:wrap; }
@media (max-width:520px) { .legal-shell { width:calc(100% - 20px); padding-top:14px; } .legal-top { align-items:flex-start; flex-direction:column; } }