.legal-page { min-height:100vh; background:radial-gradient(circle at 80% 0,rgba(10,132,255,.18),transparent 30%),linear-gradient(145deg,var(--base),#0b192c 56%,var(--base-2)); color:var(--text); }
.legal-page::before { content:""; position:fixed; inset:0; z-index:-1; background-image:linear-gradient(rgba(51,209,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(51,209,255,.035) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(#000,transparent 80%); }
.legal-header { position:sticky; top:0; z-index:10; border-bottom:1px solid var(--line); background:rgba(7,20,38,.88); backdrop-filter:blur(18px); }
.legal-nav { display:flex; align-items:center; justify-content:space-between; gap:1rem; width:min(980px,calc(100% - 32px)); min-height:72px; margin:auto; }
.legal-logo { width:180px; }
.legal-logo img { display:block; width:100%; height:auto; }
.back-link { color:var(--muted); font-size:.88rem; font-weight:750; text-decoration:none; }
.back-link:hover { color:var(--text); }
.legal-shell { width:min(880px,calc(100% - 32px)); margin:0 auto; padding:72px 0 96px; }
.legal-kicker { color:var(--accent); font-size:.76rem; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
h1 { max-width:720px; margin-top:.65rem; font-size:clamp(2.4rem,6vw,4.7rem); line-height:1; }
.legal-updated { margin-top:1rem; color:var(--muted); }
.legal-content { display:grid; gap:1rem; margin-top:3rem; }
.legal-section { padding:1.5rem; border:1px solid var(--line); border-radius:10px; background:linear-gradient(145deg,rgba(10,132,255,.08),transparent 45%),rgba(13,28,48,.88); }
.legal-section h2 { margin-bottom:.6rem; font-size:1.15rem; }
.legal-section p,.legal-section li { color:var(--muted); }
.legal-section ul { margin:.5rem 0 0 1.2rem; }
.legal-links { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:2rem; }
.legal-links a { padding:.65rem .9rem; border:1px solid var(--line); border-radius:8px; color:var(--muted); font-size:.84rem; text-decoration:none; }
.legal-links a[aria-current="page"] { border-color:var(--accent); color:var(--text); background:rgba(10,132,255,.15); }
.legal-footer { padding:1.5rem 16px; border-top:1px solid var(--line); color:var(--muted); text-align:center; font-size:.82rem; }
@media(max-width:600px){ .legal-logo{width:145px}.legal-shell{padding-top:48px}.legal-section{padding:1.1rem} }