@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--bg:#030803;--phosphor:#3f3;--phosphor-dim:#33ff3373;--phosphor-faint:#33ff332e;--ice:#adf;--ink:#020502;--mono:"VT323", "Courier New", Courier, monospace}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--phosphor);font-family:var(--mono);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;overflow:hidden}.sky{z-index:0;width:100%;height:100%;position:fixed;inset:0}.crt{z-index:1;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 3px,linear-gradient(90deg,#ff000008,#00ff0004,#0000ff08) 0 0/4px 100%;position:fixed;inset:0}.crt:after{content:"";background:radial-gradient(circle,#0000 55%,#000000a6 100%);position:absolute;inset:0}.grain{z-index:2;pointer-events:none;opacity:.14;mix-blend-mode:soft-light;background-image:radial-gradient(circle at 18% 22%,#ffffff8c 0 .4px,#0000 .65px),radial-gradient(circle at 81% 67%,#ffffff59 0 .35px,#0000 .6px);background-size:6px 8px,10px 12px;position:fixed;inset:0}.boot{z-index:3;font-family:var(--mono);letter-spacing:.06em;color:var(--phosphor-dim);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.9rem;transition:opacity .8s;display:flex;position:fixed;inset:0}.boot-line{opacity:0;animation:.35s forwards boot-in}.boot.done{opacity:0;pointer-events:none}.boot-cursor{animation:1s step-end infinite blink}@keyframes boot-in{to{opacity:1}}main{z-index:4;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;inset:0}h1{letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 0 12px #33ff3340,0 0 40px #33ff331f,0 0 80px #33ff330f;opacity:0;font-size:clamp(3.2rem,14vw,11rem);font-weight:400;line-height:.9;transition:opacity 1.4s cubic-bezier(.2,.8,.2,1),transform 1.4s cubic-bezier(.2,.8,.2,1);transform:translateY(18px)scale(.98)}h1.on{opacity:1;transform:translateY(0)scale(1)}.believe{color:var(--phosphor-faint);letter-spacing:.28em;text-transform:uppercase;opacity:0;min-height:1.4em;font-size:clamp(.7rem,1.4vw,1rem);transition:opacity .45s,transform .45s;transform:translateY(6px)}.believe.on{opacity:1;animation:2.5s infinite flicker;transform:translateY(0)}@keyframes flicker{0%,18%,22%,55%,to{opacity:1}20%,24%,56%{opacity:.55}}.tagline{color:var(--phosphor-dim);letter-spacing:.08em;opacity:0;min-height:1.4em;font-size:clamp(1rem,2.2vw,1.6rem);transition:opacity 1s .2s,transform 1s .2s;transform:translateY(10px)}.tagline.on{opacity:1;transform:translateY(0)}.cursor{color:var(--phosphor);animation:1.1s step-end infinite blink}.coords{color:var(--phosphor-faint);letter-spacing:.12em;opacity:0;margin-top:6px;font-size:.78rem;transition:opacity .8s .6s,transform .8s .6s;transform:translateY(8px)}.coords.on{opacity:1;transform:translateY(0)}.actions{opacity:0;gap:14px;margin-top:28px;transition:opacity .8s .9s,transform .8s .9s;display:flex;transform:translateY(8px)}.actions.on{opacity:1;transform:translateY(0)}.action{border:1px solid var(--phosphor-faint);letter-spacing:.14em;text-transform:uppercase;color:var(--phosphor-dim);background:0 0;border-radius:2px;padding:10px 28px;font-size:.85rem;text-decoration:none;transition:border-color .3s,color .3s,box-shadow .3s}.action:hover{border-color:var(--phosphor);color:var(--phosphor);box-shadow:0 0 16px #33ff332e,inset 0 0 12px #33ff3314}footer{z-index:4;letter-spacing:.1em;color:var(--phosphor-faint);background:linear-gradient(#0000,#030803b3);border-top:1px solid #33ff3314;justify-content:space-between;align-items:center;padding:18px clamp(24px,4vw,60px);font-size:.72rem;display:flex;position:fixed;bottom:0;left:0;right:0}.clock{text-align:left;min-width:56px}.temp{color:var(--ice);opacity:.6}.status{color:var(--phosphor-dim)}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.boot,.cursor{animation:none!important}h1,.tagline,.coords,.action{opacity:1;transition:none;transform:none}}@media (width<=480px){h1{font-size:18vw}.tagline{font-size:1.05rem}footer{padding:14px 20px;font-size:.62rem}}