:root{--bg:#080a08;--panel:#0d110d;--line:#1d2b1d;--green:#7dd88f;--green-bright:#46ff8c;--green-dim:#4a6b52;--amber:#ffb000;--radius:4px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--green);-webkit-font-smoothing:antialiased;font-family:IBM Plex Mono,ui-monospace,Courier New,monospace;font-size:15px;line-height:1.65}.crt{flex-direction:column;min-height:100vh;display:flex;position:relative}.scanlines{pointer-events:none;z-index:99;background:radial-gradient(#0000 55%,#0000008c 100%),repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px);position:fixed;inset:0}main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:0 24px}.dim{color:var(--green-dim)}.hi{color:var(--amber)}.hero{flex-direction:column;justify-content:center;min-height:88svh;padding:5vh 0 7vh;display:flex}.stage{position:relative}.term{white-space:pre;margin-bottom:18px;font-size:clamp(8.5px,2.6vw,20px);line-height:1.6;transition:opacity .28s;position:relative;overflow:hidden}.term.cut{opacity:0}.t-scene+.t-scene{margin-top:1.6em}.anim .stage{display:grid}.anim .stage>*{grid-area:1/1}.anim .term{align-self:center;min-height:6.4em;margin-bottom:0}.anim .payoff{align-self:end;position:relative}.tp{color:var(--green-bright)}.t-dim{color:var(--green-dim)}.t-ok{color:var(--green)}.t-bad{color:var(--amber)}.t-win{color:var(--green-bright);text-shadow:0 0 14px #46ff8c73}.t-out{color:var(--amber)}.rootline{letter-spacing:.1em;color:var(--green-bright);margin-top:10px;font-size:clamp(14px,3vw,22px)}.wordmark{color:var(--green-bright);letter-spacing:-.02em;text-shadow:0 0 24px #46ff8c59;align-items:baseline;font-family:VT323,monospace;font-size:clamp(76px,21vw,200px);font-weight:400;line-height:.85;display:flex}.type{white-space:nowrap;width:6ch;animation:1.1s steps(6,end) .35s both type;display:inline-block;overflow:hidden}@keyframes type{0%{width:0}to{width:6ch}}.caret{background:var(--green-bright);width:.42ch;height:.62em;margin-left:.14ch;animation:1.05s step-end 1.5s infinite blink;display:inline-block;box-shadow:0 0 24px #46ff8c66}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:0}}.anim .t-static{display:none}.anim .payoff,.anim .rootline{opacity:0}.anim .type{width:6ch;animation:none}.anim .payoff,.anim .rootline,.anim .term{transition:opacity .45s}.anim .hero.pwned .term{opacity:0}.anim .hero.pwned .payoff{opacity:1}.anim .hero.pwned .type{animation:.9s steps(6,end) both type}.anim .hero.pwned .rootline{opacity:1;transition-delay:1.1s}.skyline{aspect-ratio:678/128;pointer-events:none;background:var(--green-bright);opacity:.08;width:100%;margin:auto;position:absolute;inset:0;mask-image:url(/images/zoosec-skyline.png);mask-size:100% 100%;mask-repeat:no-repeat}.tagline{color:var(--green);margin-top:20px;font-size:clamp(17px,2.2vw,24px)}.when{background:var(--panel);border:1px solid var(--line);border-left:2px solid var(--amber);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;margin:40px 0 32px;padding:24px;display:grid}.when dt{letter-spacing:.14em;color:var(--green-dim);margin-bottom:6px;font-size:11px}.when dd{color:var(--green-bright);line-height:1.45}.when dd.sub{margin-top:2px;font-size:13px}.when dd.note{border-left:1px solid var(--amber);color:var(--green);margin-top:8px;padding-left:10px;font-size:13px;line-height:1.5}#next-date{color:var(--amber)}.btn{border:1px solid var(--amber);border-radius:var(--radius);color:var(--amber);align-self:start;padding:11px 22px;font-size:15px;text-decoration:none;transition:background .18s,color .18s;display:inline-block}.btn:hover,.btn:focus-visible{background:var(--amber);color:var(--bg)}.rule{letter-spacing:.16em;color:var(--green-dim);border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:10px;font-size:12px;font-weight:500;display:block}.about{padding-bottom:56px}.about p+p{margin-top:14px}.badges{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.badge{letter-spacing:.06em;color:var(--green-dim);border:1px solid var(--line);border-radius:var(--radius);padding:4px 10px;font-size:12px}.page-head{padding:12vh 0 6vh}.page-label{letter-spacing:.16em;color:var(--green-dim);margin-bottom:14px;font-size:12px}.page-title{color:var(--green-bright);text-shadow:0 0 24px #46ff8c4d;font-family:VT323,monospace;font-size:clamp(38px,7vw,64px);font-weight:400;line-height:1}.page-body-text{max-width:60ch}.back-wrap{margin:48px 0 20px}.subscribe{margin:36px 0 8px}.sub-label{letter-spacing:.14em;color:var(--green-dim);margin-bottom:10px;font-size:12px;display:block}.sub-row{flex-wrap:wrap;gap:10px;display:flex}.sub-row input[type=email]{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;color:var(--green-bright);font:inherit;flex:260px;padding:11px 14px;font-size:15px}.sub-row input[type=email]::placeholder{color:var(--green-dim)}.sub-row input[type=email]:focus-visible{border-color:var(--amber);outline:none}.sub-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.cf-turnstile{margin-top:14px}.sub-note{max-width:62ch;margin-top:12px;font-size:13px}.sub-status{min-height:1.4em;margin-top:10px;font-size:13px}.sub-status[data-kind=ok]{color:var(--green-bright)}.sub-status[data-kind=error]{color:var(--amber)}.sub-status[data-kind=busy]{color:var(--green-dim)}.consent{z-index:200;background:var(--panel);border-top:1px solid var(--amber);padding:18px 24px;position:fixed;inset:auto 0 0}.consent[hidden]{display:none}.consent-inner{flex-wrap:wrap;align-items:center;gap:20px;max-width:720px;margin:0 auto;display:flex}.consent-copy{flex:340px;max-width:70ch;font-size:13px}.consent-title{color:var(--green-dim);letter-spacing:.16em;margin-right:8px}.consent-copy a{color:var(--amber)}.consent-actions{flex-wrap:wrap;gap:10px;display:flex}.consent-actions .btn{padding:9px 18px;font-size:14px}.btn-ghost{border-color:var(--line);color:var(--green)}.btn-ghost:hover,.btn-ghost:focus-visible{background:var(--line);color:var(--green-bright)}footer{border-top:1px solid var(--line);width:100%;max-width:720px;margin:0 auto;padding:28px 24px 56px;font-size:13px}footer a{color:var(--green);border-bottom:1px solid var(--line);text-decoration:none}footer a:hover{color:var(--amber);border-bottom-color:var(--amber)}@media (width<=560px){.hero{min-height:84svh;padding:4vh 0 6vh}main,footer{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}