:root, [data-product-theme="dark"] { --bg:#05060f; --paper:#101329; --fg:#f5f6ff; --muted:#a5abc7; --line:#252944; --accent:#29f4e2; }
[data-product-theme="light"] { --bg:#f5f6ff; --paper:#fff; --fg:#171b38; --muted:#626b8b; --line:#dfe3f3; --accent:#4169ff; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at 90% 0,rgba(131,54,251,.15),transparent 28%),var(--bg)!important; color:var(--fg)!important; font:16px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; min-height:100vh; }
.legal-header { position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:72px; padding:12px max(18px,calc((100% - 900px)/2)); background:color-mix(in srgb,var(--bg) 82%,transparent); border-bottom:1px solid var(--line); backdrop-filter:blur(18px); }
.legal-brand { display:flex; align-items:center; gap:9px; color:var(--fg); font-size:20px; font-weight:800; text-decoration:none; }.legal-brand img{width:34px;height:34px;object-fit:contain}.legal-header nav{display:flex;align-items:center;gap:8px}.legal-header nav a,.legal-header button{padding:9px 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:13px;text-decoration:none;cursor:pointer}.legal-header nav a:hover,.legal-header button:hover{border-color:var(--line);color:var(--fg);background:var(--paper)}
main { max-width:820px; margin:32px auto 80px; padding:clamp(26px,5vw,52px); border:1px solid var(--line); border-radius:28px; background:color-mix(in srgb,var(--paper) 92%,transparent); box-shadow:0 30px 90px rgba(0,0,0,.12); }
h1 { font-size:2rem; margin:0 0 4px; }
h2 { font-size:1.2rem; margin:36px 0 8px; padding-top:16px; border-top:1px solid var(--line); }
p, li { color:var(--fg); }
.meta { color:var(--muted); margin:0 0 24px; }
a { color:var(--accent); }
ul { padding-left:22px; }
button:active,a:active{transform:scale(.97)}
@media(max-width:640px){.legal-header{padding:10px 14px}.legal-header nav a{display:none}.legal-header button{border-color:var(--line)}main{margin:14px 10px 50px;padding:24px 18px;border-radius:20px}h1{font-size:1.75rem}}
@media(prefers-reduced-motion:reduce){button:active,a:active{transform:none}}