@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=DM+Mono:wght@400;500&display=swap');

:root{
  color-scheme:dark;
  --bg:#000714;
  --ink:#F4EEFF;
  --ink-dim:rgba(244,238,255,0.68);
  --yellow:#FFEB1F;
  --violet:#A855FF;
  --line:rgba(244,238,255,0.12);
  --todo:#FFB020;
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ background:var(--bg); }
body{
  background:
    radial-gradient(70% 45% at 10% 0%, rgba(74,31,168,0.45), transparent 72%),
    radial-gradient(55% 38% at 94% 40%, rgba(255,235,31,0.07), transparent 70%),
    var(--bg);
  background-attachment:fixed;
  color:var(--ink);
  font-family:'Bricolage Grotesque', system-ui, sans-serif;
  font-size:16px; line-height:1.65;
  min-height:100vh;
}
.legal{ max-width:760px; margin:0 auto; padding:28px 20px 72px; }
.legal-top{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:34px; flex-wrap:wrap; }
.legal-top a{ color:var(--ink-dim); text-decoration:none; font-family:'DM Mono', monospace; font-size:13px; }
.legal-top a:hover{ color:var(--yellow); }
.legal-eyebrow{ font-family:'DM Mono', monospace; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--violet); }
.legal h1{ font-size:clamp(28px, 6vw, 40px); line-height:1.15; margin:6px 0 6px; letter-spacing:-0.015em; }
.legal-updated{ font-family:'DM Mono', monospace; font-size:12.5px; color:var(--ink-dim); margin-bottom:30px; }
.legal h2{ font-size:20px; margin:34px 0 10px; color:var(--yellow); }
.legal p, .legal li{ color:var(--ink-dim); }
.legal p{ margin-bottom:12px; }
.legal ul{ margin:0 0 14px 22px; }
.legal li{ margin-bottom:6px; }
.legal a{ color:var(--violet); }
.legal strong{ color:var(--ink); font-weight:600; }
.todo{
  color:var(--todo); background:rgba(255,176,32,0.1);
  border:1px dashed rgba(255,176,32,0.5); border-radius:6px; padding:0 6px;
  font-family:'DM Mono', monospace; font-size:.88em;
}
.legal-note{
  border:1px solid var(--line); border-left:3px solid var(--todo); border-radius:10px;
  background:rgba(255,255,255,0.03); padding:12px 16px; margin-bottom:26px;
  font-size:14px; color:var(--ink-dim);
}
.legal table{ width:100%; border-collapse:collapse; margin:6px 0 16px; font-size:14.5px; }
.legal th, .legal td{ text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); vertical-align:top; color:var(--ink-dim); }
.legal th{ color:var(--ink); font-weight:600; }
.legal-foot{ margin-top:46px; padding-top:18px; border-top:1px solid var(--line); display:flex; gap:18px; flex-wrap:wrap; font-family:'DM Mono', monospace; font-size:13px; }
.legal-foot a{ color:var(--ink-dim); text-decoration:none; }
.legal-foot a:hover{ color:var(--yellow); }
@media (max-width:560px){ .legal table, .legal tbody, .legal tr, .legal td, .legal th{ display:block; } .legal th{ border-bottom:none; padding-bottom:0; } }