:root { --bg:#F2F1FC; --ink:#1A1633; --muted:#6A6590; --surface:#fff; --border:#E0DDF5; --accent:#6B4EE6; --mark:#FFF3C4; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#0F0B26; --ink:#EDEAFB; --muted:#9C94C8; --surface:#16103A; --border:rgba(255,255,255,.1); --accent:#A894FF; --mark:#4A3B00; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:'DM Sans',system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.65; }
.legal-top { display:flex; align-items:center; justify-content:space-between; gap:12px; max-width:760px; margin:0 auto; padding:20px 16px; }
.legal-brand { display:flex; align-items:center; gap:10px; color:inherit; text-decoration:none; font-family:'Outfit',sans-serif; font-weight:700; font-size:18px; }
.legal-seal { width:34px; height:34px; border-radius:10px; background:linear-gradient(140deg,#7C5CFF,#4B31C4); color:#fff; display:flex; align-items:center; justify-content:center; }
.legal-back { color:var(--accent); font-weight:700; font-size:14px; text-decoration:none; }
main { max-width:760px; margin:0 auto 64px; padding:32px 24px; background:var(--surface); border:1px solid var(--border); border-radius:18px; }
@media (max-width: 600px) { main { margin:0 16px 48px; padding:24px 18px; } }
h1 { font-family:'Outfit',sans-serif; font-size:30px; line-height:1.2; margin:0 0 6px; }
h2 { font-family:'Outfit',sans-serif; font-size:19px; margin:32px 0 8px; }
.updated { color:var(--muted); font-size:14px; margin:0 0 24px; }
a { color:var(--accent); }
ul { padding-left:20px; }
li { margin:4px 0; }
mark { background:var(--mark); color:inherit; padding:0 4px; border-radius:4px; }
.note { font-size:14px; color:var(--muted); border-left:3px solid var(--accent); padding-left:12px; }
footer { text-align:center; font-size:13px; color:var(--muted); padding:0 16px 32px; }