:root {
  color-scheme: dark;
  --bg: #05080d;
  --panel: #0a1019;
  --line: rgba(255,255,255,.08);
  --gold: #e2b44f;
  --text: #edf2f8;
  --muted: #8794a6;
  font-family: "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--bg);
  color: var(--text);
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; min-height: 100vh; background: radial-gradient(circle at 75% 0, rgba(226,180,79,.08), transparent 34rem), var(--bg); }
a { color: inherit; }
.legal-header { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:72px; padding:12px clamp(20px,5vw,72px); border-bottom:1px solid var(--line); background:rgba(5,8,13,.9); }
.legal-brand { display:flex; align-items:center; gap:11px; color:#f0cf78; text-decoration:none; font-size:15px; font-weight:750; letter-spacing:.13em; }
.legal-brand img { width:42px; height:42px; object-fit:contain; }
.legal-header nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:16px; }
.legal-header nav a { color:#a8b3c2; font-size:11px; text-decoration:none; }
.legal-header nav a:hover, .legal-header nav a:focus-visible { color:var(--gold); }
.legal-main { width:min(920px,calc(100% - 40px)); margin:0 auto; padding:72px 0 90px; }
.legal-eyebrow { margin:0 0 14px; color:var(--gold); font-size:10px; font-weight:750; letter-spacing:.17em; }
h1 { max-width:780px; margin:0; font-size:clamp(38px,7vw,68px); line-height:1.02; letter-spacing:-.04em; }
.legal-intro { max-width:760px; margin:22px 0 48px; color:#97a4b5; font-size:15px; line-height:1.75; }
.legal-note { margin:0 0 30px; padding:16px 18px; border:1px solid rgba(226,180,79,.22); border-radius:9px; background:rgba(226,180,79,.06); color:#b9a474; font-size:12px; line-height:1.65; }
.legal-section { margin-top:18px; padding:28px clamp(20px,4vw,34px); border:1px solid var(--line); border-radius:10px; background:rgba(10,16,25,.82); }
.legal-section h2 { margin:0 0 14px; color:#f2d27e; font-size:20px; }
.legal-section h3 { margin:24px 0 10px; color:#dce4ee; font-size:14px; }
.legal-section p, .legal-section li { color:#9aa7b8; font-size:13px; line-height:1.75; }
.legal-section ul { margin:12px 0 0; padding-left:20px; }
.legal-section strong { color:#dbe3ed; }
.legal-section a { color:#d7b65f; }
.legal-language { margin-top:30px; padding-top:28px; border-top:1px solid var(--line); }
.legal-form { display:grid; gap:10px; margin-top:28px; }
.legal-form label { color:#c9d3df; font-size:12px; font-weight:700; }
.legal-form input[type="email"], .legal-form textarea { width:100%; border:1px solid rgba(255,255,255,.14); border-radius:9px; outline:none; background:#070d15; color:var(--text); font:inherit; padding:13px 14px; }
.legal-form input[type="email"]:focus, .legal-form textarea:focus { border-color:rgba(226,180,79,.7); box-shadow:0 0 0 3px rgba(226,180,79,.08); }
.legal-form textarea { resize:vertical; min-height:110px; }
.legal-form .legal-check { display:flex; align-items:flex-start; gap:10px; margin:8px 0; color:#9aa7b8; font-weight:400; line-height:1.55; }
.legal-check input { margin-top:3px; accent-color:var(--gold); }
.legal-form button { justify-self:start; border:1px solid #e2b44f; border-radius:8px; background:#e2b44f; color:#10151c; cursor:pointer; font-size:11px; font-weight:850; letter-spacing:.08em; padding:14px 18px; }
.legal-form button:disabled { cursor:wait; opacity:.55; }
.legal-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
#deletion-status[data-tone="success"] { border-color:rgba(58,207,153,.38); background:rgba(58,207,153,.07); color:#8bdcbd; }
#deletion-status[data-tone="error"] { border-color:rgba(255,100,125,.38); background:rgba(255,100,125,.07); color:#ff9bae; }
.legal-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:18px; padding:25px clamp(20px,5vw,72px); border-top:1px solid var(--line); color:#657286; font-size:10px; }
.legal-footer nav { display:flex; flex-wrap:wrap; gap:14px; }
.legal-footer a { text-decoration:none; }
.legal-footer a:hover, .legal-footer a:focus-visible { color:var(--gold); }
@media (max-width:700px) {
  .legal-header { align-items:flex-start; flex-direction:column; }
  .legal-header nav { justify-content:flex-start; }
  .legal-main { padding-top:48px; }
}