@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root { --canvas:#0b0912; --ink:#f7f4ff; --muted:#a7a0b8; --line:#39314d; --panel:#14111e; --violet:#6d45e8; --violet-bright:#9a72ff; --mint:#61e3c2; --display:'Manrope','Arial',sans-serif; --mono:'DM Mono','SFMono-Regular',monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--canvas); font-family:var(--display); line-height:1.65; }
body::before { content:''; position:fixed; inset:0; pointer-events:none; opacity:.24; background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,black,transparent 80%); }
a { color:inherit; text-decoration:none; }
.legal-topbar { height:76px; border-bottom:1px solid rgba(57,49,77,.7); display:flex; align-items:center; position:sticky; top:0; z-index:4; background:rgba(11,9,18,.8); backdrop-filter:blur(18px); }
.legal-nav, .legal-main, .legal-footer { width:min(850px,calc(100% - 48px)); margin:0 auto; }
.legal-nav { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:inline-flex; align-items:center; gap:10px; font-size:17px; font-weight:800; letter-spacing:-.03em; }
.brand img { width:29px; height:29px; border-radius:9px; object-fit:cover; }
.back-link { color:var(--mint); font:500 11px var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.legal-main { padding:86px 0 100px; position:relative; }
.eyebrow { color:var(--mint); font:500 11px var(--mono); letter-spacing:.18em; text-transform:uppercase; }
h1 { margin:14px 0 10px; font-size:clamp(40px,7vw,69px); line-height:1.02; letter-spacing:-.07em; }
.effective { color:var(--muted); font:400 12px var(--mono); margin:0 0 45px; }
.legal-body { border-top:1px solid var(--line); padding-top:32px; }
.legal-body h2 { margin:34px 0 10px; color:#e8e0ff; font-size:20px; line-height:1.25; letter-spacing:-.035em; }
.legal-body h3 { margin:26px 0 7px; color:#d6c9ff; font-size:15px; line-height:1.35; }
.legal-body p { margin:0 0 16px; color:var(--muted); font-size:14px; line-height:1.8; }
.legal-body ul { color:var(--muted); margin:0 0 19px; padding-left:22px; font-size:14px; }
.legal-body li { margin:5px 0; }
.legal-note { margin-top:42px; padding:16px 18px; border:1px solid rgba(163,139,255,.33); border-radius:12px; color:var(--muted); background:rgba(29,24,42,.62); font-size:12px; }
.legal-footer { padding:26px 0 44px; border-top:1px solid var(--line); color:#746b84; font:400 11px var(--mono); display:flex; justify-content:space-between; gap:16px; }
.legal-footer a { color:var(--muted); } .legal-footer a:hover { color:var(--mint); }
.loading { color:var(--muted); font-size:14px; }
@media (max-width:650px) { .legal-nav,.legal-main,.legal-footer { width:calc(100% - 34px); } .legal-main { padding-top:58px; } .legal-footer { display:block; line-height:1.9; } .legal-footer span { display:block; margin-top:8px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }