:root{
  --bg:#000000;
  --panel:#0c0e12;
  --ink:#ffffff;
  --dim:#d0d7e2;
  --faint:#a8b2c2;
  --accent:#5cefff;
  --line:rgba(92,239,255,.18);
  --font-ui:"DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

*{ box-sizing:border-box; }
html,body{
  margin:0; min-height:100%; background:var(--bg); color:var(--ink); font-family:var(--font-ui);
  /* pan only — blocks pinch/double-tap zoom (manipulation still allows pinch). */
  touch-action:pan-x pan-y;
}
body{ min-height:100dvh; overflow-x:hidden; }
a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }
a:focus-visible{ outline:2px solid var(--accent); outline-offset:3px; }

.atmosphere{
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(90% 55% at 55% 32%, rgba(92,239,255,.11), transparent 58%),
    radial-gradient(70% 40% at 15% 8%, rgba(92,239,255,.05), transparent 48%),
    linear-gradient(180deg, #05070a 0%, #000 50%, #020405 100%);
}
.vignette{
  position:absolute; inset:0;
  background:radial-gradient(ellipse 75% 70% at 50% 40%, transparent 35%, rgba(0,0,0,.55) 100%);
}

.legal{
  position:relative; z-index:1;
  width:min(720px, 100%);
  margin:0 auto;
  padding: max(20px, env(safe-area-inset-top)) 20px calc(40px + env(safe-area-inset-bottom));
}
.legal-back{ margin:0 0 18px; font-size:13px; }
.legal-back a{ color:var(--dim); }
.legal h1{
  margin:0 0 8px; font-size:clamp(28px, 6vw, 36px);
  font-weight:700; font-style:italic; letter-spacing:-.02em;
}
.legal-meta{
  margin:0 0 22px; font-size:13px; color:var(--faint);
}
.legal-meta strong{ color:var(--dim); font-weight:600; }
.legal h2{
  margin:28px 0 10px; font-size:17px; font-weight:700; font-style:italic;
  color:var(--ink);
}
.legal p, .legal li{
  margin:0 0 12px; font-size:14px; line-height:1.55; color:var(--dim);
}
.legal ul{ margin:0 0 14px; padding-left:1.2em; }
.legal li{ margin-bottom:8px; }
.legal strong{ color:var(--ink); font-weight:600; }
.legal-foot{
  margin-top:36px; padding-top:18px;
  border-top:1px solid var(--line);
  font-size:13px; color:var(--faint);
}
.legal-foot a{ color:var(--dim); margin-right:4px; }