@font-face{font-family:"Pixelify Sans";src:url("assets/PixelifySans-Variable.ttf") format("truetype");font-weight:400 700;font-display:swap}
:root{--cyan:#00F9FC;--mag:#EC0EE8;--off:#F4F1EA;--brass:#C8962E;--amber:#FFB000;--navy:#0A1330;--navy3:#070C20;--green:#3DDC97;--px:"Pixelify Sans","Courier New",monospace}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;color:var(--off);font:700 15px/1.5 ui-monospace,"Cascadia Mono","Courier New",monospace;letter-spacing:.04em;background:var(--navy3) repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px)}
.screen{width:100%;max-width:820px;background:var(--navy);border:4px solid var(--brass);outline:3px solid var(--navy3);box-shadow:inset 0 0 0 3px var(--navy3),inset 0 0 0 5px rgba(200,150,46,.45),8px 8px 0 #000}
.bar{display:flex;align-items:center;gap:12px;padding:8px 14px;background:#000;border-bottom:4px solid var(--cyan);font:700 14px var(--px);letter-spacing:.12em}
.dots{display:inline-flex;gap:6px}.dots i{width:11px;height:11px;background:var(--green);box-shadow:0 0 0 2px #000}.dots i:nth-child(2){background:var(--amber)}.dots i:nth-child(3){background:var(--mag)}
.status{margin-left:auto;color:var(--amber)}
.hero{position:relative;overflow:hidden;text-align:center;padding:28px 16px 0;background:linear-gradient(#101C44,var(--navy))}
.logo{display:block;width:min(420px,80%);height:auto;margin:0 auto;position:relative;z-index:1}
.tag{position:relative;z-index:1;margin:6px 0 0;padding-bottom:70px;font:700 clamp(16px,3.4vw,24px) var(--px);letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}
.skyline{position:absolute;left:0;bottom:0;width:100%;height:90px;object-fit:cover;object-position:bottom;image-rendering:pixelated;opacity:.9}
.slogan{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:8px 12px;background:#000;border-block:4px solid var(--mag);color:var(--cyan);font:700 14px var(--px);letter-spacing:.14em;text-transform:uppercase;text-align:center}
.slogan span[aria-hidden]{color:var(--mag)}
.pane{padding:28px 22px 22px;text-align:center}
h1{margin:0;font:700 clamp(34px,8vw,64px) var(--px);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);text-shadow:3px 3px 0 var(--mag)}
.cursor{animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.lead{margin:12px 0 18px;color:var(--off)}
.loader{width:min(420px,90%);height:22px;margin:0 auto;border:4px solid var(--brass);background:var(--navy3);padding:2px}
.loader span{display:block;height:100%;width:40%;background:repeating-linear-gradient(90deg,var(--green) 0 10px,transparent 10px 14px);animation:load 3s steps(14) infinite}
@keyframes load{0%{width:0}100%{width:100%}}
.strip{margin:18px 0 0;color:var(--amber);font-family:var(--px);letter-spacing:.14em;text-transform:uppercase}
.disclosure{margin:16px auto 0;max-width:640px;padding:10px 12px;border:2px solid var(--brass);background:var(--navy3);font-size:12.5px;font-weight:400;letter-spacing:.02em;text-align:left;color:#cfd3dc}
@media (prefers-reduced-motion:reduce){.cursor,.loader span{animation:none}.loader span{width:60%}}
@media (max-width:480px){.status{display:none}}