:root { color-scheme: dark; --page:#140c18; --surface:#21142a; --ink:#fff8fb; --muted:#cdbfcc; --line:rgba(255,255,255,.14); --hot:#ff3b91; --electric:#e5ff64; --body:Manrope,Arial,sans-serif; --display:"Bricolage Grotesque",Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 85% 5%,rgba(155,97,255,.2),transparent 30%),var(--page); font:16px/1.7 var(--body); }
a { color:inherit; }
.legal-header { position:sticky; top:0; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px max(20px,calc((100% - 980px)/2)); border-bottom:1px solid var(--line); background:rgba(20,12,24,.92); backdrop-filter:blur(18px); }
.legal-header img { width:190px; max-height:54px; object-fit:contain; filter:drop-shadow(0 8px 16px rgba(0,0,0,.32)); }
.legal-header a { font-weight:800; text-decoration:none; }
.legal-main { width:min(980px,calc(100% - 36px)); margin:0 auto; padding:80px 0 100px; }
.legal-kicker { margin:0 0 10px; color:var(--electric); font-size:12px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
h1,h2 { font-family:var(--display); letter-spacing:-.04em; line-height:1; }
h1 { max-width:850px; margin:0 0 28px; font-size:clamp(46px,8vw,88px); }
h2 { margin:52px 0 15px; font-size:clamp(28px,4vw,42px); }
p,li { color:var(--muted); }
strong { color:var(--ink); }
.legal-note { margin:28px 0; padding:22px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }
.legal-note p { margin:0; }
ul { padding-left:22px; }
.legal-footer { padding:28px 20px 60px; border-top:1px solid var(--line); color:var(--muted); text-align:center; font-size:13px; }
.legal-links { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 18px; margin-bottom:10px; }
@media (max-width:640px) { .legal-header img{width:145px}.legal-main{padding-top:54px}.legal-header{align-items:flex-start}.legal-header>a{font-size:13px} }