:root { color-scheme: dark; --red:#f01821; --line:#29292b; --muted:#9a9a9f; }
* { box-sizing: border-box; }
body { margin:0; background:radial-gradient(circle at 20% 0,#3a070b 0,transparent 32%),#060606; color:#f5f5f5; font-family:Inter,system-ui,sans-serif; }
.legal-shell { width:min(880px,calc(100% - 32px)); margin:32px auto 70px; }
.legal-head { display:flex; align-items:center; gap:18px; padding-bottom:22px; border-bottom:1px solid var(--line); }
.legal-head img { width:82px; height:82px; object-fit:contain; }
.legal-head h1 { margin:0; font:800 clamp(30px,5vw,48px)/1 "Barlow Condensed",sans-serif; text-transform:uppercase; }
.legal-head p,.legal-card p,.legal-card li { color:var(--muted); line-height:1.7; font-size:14px; }
.legal-nav { display:flex; flex-wrap:wrap; gap:9px; margin:20px 0; }
.legal-nav a { border:1px solid #38383b; color:#ddd; padding:10px 13px; border-radius:4px; text-decoration:none; font-size:12px; }
.legal-nav a:hover,.legal-nav a.active { border-color:var(--red); color:#fff; }
.legal-card { background:#101011; border:1px solid var(--line); border-radius:7px; padding:clamp(20px,5vw,42px); }
.legal-card h2 { margin:30px 0 8px; font:800 24px "Barlow Condensed",sans-serif; text-transform:uppercase; }
.legal-card h2:first-child { margin-top:0; }
.legal-card strong { color:#fff; }
.legal-card a { color:#ff6268; }
.legal-note { border-left:3px solid var(--red); background:#1a0b0d; padding:12px 15px; color:#cfcfcf!important; }
@media(max-width:600px){.legal-head{align-items:flex-start}.legal-head img{width:60px;height:60px}.legal-card{padding:20px}.legal-card ul{padding-left:20px}}