:root{--void:#070709;--panel:#0a0b0fdb;--line:#00f0ff59;--cyan:#00f0ff;--magenta:#f05;--white:#f4f7fa;--dim:#f4f7fa8c}*{box-sizing:border-box}html,body{background:var(--void);height:100%;color:var(--white);font-family:var(--font-mono), ui-monospace, Menlo, Consolas, monospace;-webkit-font-smoothing:antialiased;margin:0}.stage{background:var(--void);height:100dvh;min-height:420px;position:relative;overflow:hidden}.gate,.intro{position:absolute;inset:0}.intro{transition:filter .5s,transform .6s}.gate-open .intro{filter:blur(6px)brightness(.45);transform:scale(1.03)}.logo-hit{cursor:pointer;background:0 0;border:0;border-radius:4px;animation:2.4s ease-in-out .4s infinite hint;position:absolute}.logo-hit:hover,.logo-hit:focus-visible{box-shadow:0 0 0 1px var(--line), 0 0 40px #00f0ff38, inset 0 0 40px #ff00551f;outline:none;animation:none}@keyframes hint{0%,to{box-shadow:none}50%{box-shadow:0 0 36px #00f0ff1a}}.login-backdrop{place-items:center;padding:16px;animation:.35s ease-out fade;display:grid;position:absolute;inset:0}.login{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:14px;width:min(380px,100%);padding:32px 28px 22px;animation:.45s cubic-bezier(.2,.9,.3,1.2) rise;display:grid;position:relative}.tick{border:0 solid var(--magenta);width:10px;height:10px;position:absolute}.tl{border-top-width:2px;border-left-width:2px;top:-1px;left:-1px}.tr{border-top-width:2px;border-right-width:2px;top:-1px;right:-1px}.bl{border-bottom-width:2px;border-left-width:2px;bottom:-1px;left:-1px}.br{border-bottom-width:2px;border-right-width:2px;bottom:-1px;right:-1px}.login-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin:0;font-size:11px}.login h2{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;text-transform:lowercase;margin:0 0 6px;font-size:30px}.login label{gap:6px;display:grid}.login label span{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:11px}.login input{font:inherit;color:var(--white);background:#ffffff08;border:1px solid #f4f7fa29;border-radius:0;outline:none;padding:11px 12px;font-size:15px;transition:border-color .15s,box-shadow .15s}.login input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00f0ff26}.login-msg{min-height:16px;color:var(--magenta);letter-spacing:.06em;margin:0;font-size:12px}.login-btn{font:inherit;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;color:var(--void);background:var(--cyan);box-shadow:4px 4px 0 var(--magenta);border:0;padding:12px;font-size:13px;transition:transform .1s,box-shadow .1s,background .15s}.login-btn:hover{background:var(--white)}.login-btn:active{box-shadow:2px 2px 0 var(--magenta);transform:translate(2px,2px)}.login-btn:disabled{opacity:.7;cursor:progress}.login-btn:focus-visible,.login-back:focus-visible{outline:2px solid var(--white);outline-offset:3px}.login-back{font:inherit;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);cursor:pointer;background:0 0;border:0;justify-self:center;padding:6px;font-size:11px}.login-back:hover{color:var(--white)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (prefers-reduced-motion:reduce){.logo-hit,.login,.login-backdrop{animation:none}.intro{transition:none}}.login-demo{color:var(--cyan);opacity:.8;letter-spacing:.06em;margin:0;font-size:11px}