:root { color-scheme: dark; --bg:#090b10; --card:#121620; --line:#29303d; --text:#f5f7fb; --muted:#aab2c2; --red:#e2202f; }
* { box-sizing: border-box; }
body { margin:0; font-family:Inter,Segoe UI,Arial,sans-serif; background:radial-gradient(70% 35% at 50% 0,rgba(226,32,47,.12),transparent 70%),var(--bg); color:var(--text); line-height:1.65; }
a { color:#ff7b86; }
.legal-header,.legal-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px max(20px,calc((100vw - 900px)/2)); border-bottom:1px solid var(--line); background:rgba(9,11,16,.92); }
.legal-header img,.legal-footer img { width:46px; height:46px; object-fit:contain; }
.legal-brand { display:flex; align-items:center; gap:12px; color:var(--text); text-decoration:none; }
.legal-brand span { display:flex; flex-direction:column; line-height:1.25; }
.legal-brand small { color:var(--muted); }
.legal-nav { display:flex; flex-wrap:wrap; gap:12px; font-size:.86rem; }
.legal-nav a { color:var(--muted); text-decoration:none; }
.legal-nav a:hover,.legal-nav a[aria-current="page"] { color:var(--text); }
.legal-main { width:min(900px,calc(100% - 32px)); margin:36px auto 60px; }
.legal-hero { margin-bottom:28px; }
.legal-kicker { color:#ff7b86; font-size:.75rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
h1 { margin:.35rem 0 .6rem; font-size:clamp(2rem,6vw,3.4rem); line-height:1.05; }
h2 { margin:2rem 0 .6rem; font-size:1.25rem; }
p,li { color:var(--muted); }
.legal-version { color:var(--muted); font-size:.86rem; }
.legal-alert,.legal-card { border:1px solid var(--line); border-radius:16px; background:var(--card); padding:18px 20px; margin:18px 0; }
.legal-alert { border-color:rgba(226,32,47,.45); background:rgba(226,32,47,.07); }
.legal-alert strong,.legal-card strong { color:var(--text); }
.legal-list { padding-left:1.2rem; }
.legal-form { display:grid; gap:14px; }
.legal-form label { display:grid; gap:6px; color:var(--text); font-size:.84rem; font-weight:700; }
.legal-form input,.legal-form select,.legal-form textarea { width:100%; padding:12px 13px; border:1px solid var(--line); border-radius:10px; background:#0c1017; color:var(--text); font:inherit; }
.legal-form textarea { min-height:150px; resize:vertical; }
.legal-form button { padding:13px 18px; border:0; border-radius:10px; background:var(--red); color:white; font-weight:800; cursor:pointer; }
.legal-form button:disabled { opacity:.65; cursor:wait; }
.legal-status { padding:12px; border-radius:10px; background:#0c1017; color:var(--muted); }
.legal-status.is-success { border:1px solid #18864b; color:#70e8a6; }
.legal-status.is-error { border:1px solid var(--red); color:#ff98a0; }
.legal-footer { border-top:1px solid var(--line); border-bottom:0; justify-content:center; color:var(--muted); font-size:.78rem; text-align:center; }
@media (max-width:680px) { .legal-header { align-items:flex-start; flex-direction:column; } .legal-main { margin-top:26px; } .legal-card,.legal-alert { padding:16px; } }