:root { color-scheme: dark; --bg:#090909; --panel:#12110f; --line:rgba(255,255,255,.12); --text:#f6f4f1; --muted:#aaa39b; --orange:#ff6b00; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 85% -10%, rgba(255,107,0,.14), transparent 30rem), var(--bg); color:var(--text); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height:1.65; }
a { color:#ff934b; }
.legal-shell { width:min(900px, calc(100% - 32px)); margin:0 auto; padding:30px 0 90px; }
.legal-nav { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:28px; border-bottom:1px solid var(--line); }
.legal-brand { color:var(--text); text-decoration:none; font-size:21px; font-weight:850; letter-spacing:-.8px; }.legal-brand span { color:var(--orange); }
.legal-nav a:last-child { font-size:14px; }
.legal-hero { padding:56px 0 36px; }.legal-kicker { color:var(--orange); font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }.legal-hero h1 { font-size:clamp(34px, 7vw, 58px); letter-spacing:-.055em; line-height:.98; margin:12px 0 18px; }.legal-hero p { max-width:650px; color:var(--muted); font-size:17px; }
.legal-notice { margin:22px 0 38px; padding:17px 19px; border:1px solid rgba(255,107,0,.38); border-radius:14px; background:rgba(255,107,0,.08); color:#ffd2b0; font-size:14px; }.legal-notice strong { color:#fff; }
.legal-content { display:grid; gap:26px; }.legal-card { padding:25px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015)); }.legal-card h2 { font-size:21px; margin:0 0 10px; letter-spacing:-.02em; }.legal-card h3 { font-size:16px; margin:20px 0 6px; }.legal-card p,.legal-card li { color:var(--muted); }.legal-card p:last-child { margin-bottom:0; }.legal-card ul { margin:8px 0 0; padding-left:21px; }.placeholder { color:#ffc49b; font-weight:700; }.legal-footer { margin-top:45px; color:#7d7771; font-size:13px; }
@media (max-width:600px) { .legal-shell{width:min(100% - 28px,900px);padding-top:20px}.legal-hero{padding-top:42px}.legal-card{padding:19px}.legal-nav{align-items:flex-start;flex-direction:column;gap:12px} }