/* 480inc – PS2 system look (boot fog, glass panels, thin glowing sans, 480i scanlines) */
:root{
  --bg:#02040a; --bg-2:#060b1a; --panel:rgba(20,40,90,.22); --line:rgba(120,170,255,.28);
  --blue:#3f74ff; --cyan:#8fd3ff; --text:#e7eeff; --dim:#8b97b6; --ok:#7dffb2; --lock:#58627d;
  --sans:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.55;
  -webkit-font-smoothing:antialiased;min-height:100vh;
  background-image:radial-gradient(1200px 700px at 70% -10%,rgba(63,116,255,.18),transparent 60%),
                   radial-gradient(900px 600px at 0% 100%,rgba(143,211,255,.08),transparent 60%)}
/* 480i interlace over everything */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}
a{color:var(--cyan)}
img,video{display:block;max-width:100%}
.caps{text-transform:uppercase;letter-spacing:.22em;font-size:13px;color:var(--dim)}
.glow{text-shadow:0 0 18px rgba(143,211,255,.55),0 0 2px rgba(255,255,255,.6)}
.panel{background:linear-gradient(180deg,rgba(40,70,150,.20),rgba(10,20,50,.35));border:1px solid var(--line);
  border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 60px rgba(0,0,0,.45);backdrop-filter:blur(6px)}

/* legal pages */
main.legal{max-width:780px;margin:0 auto;padding:56px 20px 96px}
main.legal .top{font-size:13px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;color:var(--dim)}
main.legal .top:hover{color:var(--text)}
main.legal h1{font-weight:200;font-size:clamp(30px,5vw,44px);letter-spacing:.06em;margin:28px 0 18px;color:var(--text);
  text-shadow:0 0 18px rgba(143,211,255,.45)}
main.legal h2{font-weight:400;font-size:18px;letter-spacing:.04em;margin:28px 0 6px;color:var(--cyan)}
main.legal p{margin-bottom:10px}
main.legal small,main.legal .dim{color:var(--dim)}
main.legal .box{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:16px 18px;margin:16px 0}
main.legal .todo{background:#5a1f1a;padding:2px 6px}