/* Rollout legal & support pages: the app's midnight-teal HUD look. */
:root{--bg:#051016;--bg2:#08202b;--panel:rgba(16,36,50,.72);--line:rgba(63,205,246,.22);
  --ink:#ecf9ff;--ink2:#9cc6d8;--aqua:#3fcdf6;--lime:#b8ff3d;--pink:#ff5cd6}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.7;-webkit-font-smoothing:antialiased;
  background:radial-gradient(900px 500px at 10% -10%,rgba(63,205,246,.20),transparent 60%),
             radial-gradient(700px 420px at 100% 20%,rgba(176,140,255,.12),transparent 60%),
             linear-gradient(180deg,var(--bg) 0%,var(--bg2) 55%,var(--bg) 100%);min-height:100vh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;
  background-image:linear-gradient(rgba(63,205,246,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(63,205,246,.06) 1px,transparent 1px);
  background-size:36px 36px;mask-image:linear-gradient(180deg,#000,transparent 70%)}
.wrap{position:relative;max-width:760px;margin:0 auto;padding:0 24px}
.top{display:flex;justify-content:space-between;align-items:center;padding:22px 0}
.top a.home{color:var(--ink2);font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.top a.home:hover{color:var(--ink)}
.hero{display:flex;align-items:center;gap:20px;padding:36px 0 30px;border-bottom:1px solid var(--line)}
.hero img{width:84px;height:84px;border-radius:20px;box-shadow:0 0 0 1px rgba(63,205,246,.4),0 12px 34px rgba(63,205,246,.25)}
.word{font-family:Orbitron,"Arial Black",sans-serif;font-weight:700;font-style:italic;font-size:30px;letter-spacing:.07em;line-height:1;
  background:linear-gradient(180deg,#fff 0%,#c8f2ff 40%,var(--aqua) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.tag{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--lime);margin-top:8px}
h1{font-family:Orbitron,"Arial Black",sans-serif;font-weight:700;font-size:24px;letter-spacing:.06em;text-transform:uppercase;margin:34px 0 4px}
.muted{color:var(--ink2);font-size:14px;margin:0 0 26px}
h2{font-family:Orbitron,"Arial Black",sans-serif;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--aqua);
  margin:34px 0 10px;padding-left:12px;border-left:3px solid var(--lime)}
p{margin:10px 0;color:#d6ecf5}
strong{color:#fff}
a{color:var(--aqua);text-decoration:none;border-bottom:1px solid rgba(63,205,246,.35)}
a:hover{color:#fff;border-color:#fff}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin:18px 0;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
footer{margin:56px 0 0;padding:26px 0 60px;border-top:1px solid var(--line);color:var(--ink2);font-size:13px}

.hero img.wm{width:260px;height:auto;border-radius:0;box-shadow:none;display:block}