:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf3ff;--cyan:#5fffea;--pink:#ff58c8;--muted:#a1aec4;--line:#283448;background:#070910;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}*{box-sizing:border-box}body{margin:0}::selection{color:#070910;background:var(--cyan)}main{isolation:isolate;background:radial-gradient(at 20% 15%,#ff58c811,#0000 50%),radial-gradient(at 85% 85%,#5fffea0c,#0000 50%);place-items:center;min-height:100svh;padding:40px 24px;display:grid;position:relative}main:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#5fffea07 1px,#0000 1px),linear-gradient(90deg,#5fffea07 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 80%);mask-image:radial-gradient(#000,#0000 80%)}.card{background:repeating-linear-gradient(0deg,#ffffff02 0 1px,#0000 1px 4px),linear-gradient(145deg,#131b2a,#0c101b 65%);border:1px solid #385269;border-radius:2px;width:100%;max-width:460px;padding:40px;position:relative;box-shadow:0 0 0 6px #5fffea03,0 24px 80px #0008}.card:before,.card:after{content:"";pointer-events:none;width:52px;height:3px;position:absolute}.card:before{background:var(--cyan);top:-2px;left:24px;box-shadow:0 0 18px #5fffea66}.card:after{background:var(--pink);bottom:-2px;right:24px;box-shadow:0 0 18px #ff58c866}.eyebrow{border-bottom:1px solid var(--line);color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 32px;padding-bottom:22px;font-size:11px;font-weight:700;display:flex}.eyebrow:after{content:"//";color:var(--pink);margin-left:auto}.eyebrow span{background:var(--cyan);width:10px;height:10px;transform:skew(-15deg);box-shadow:0 0 14px #5fffea55}h1{letter-spacing:-1.4px;text-transform:uppercase;overflow-wrap:anywhere;margin:0 0 14px;font-family:Arial,Helvetica,sans-serif;font-size:36px;font-weight:800;line-height:1.12}.description{color:var(--muted);margin:0 0 32px;font-size:13px;line-height:1.8}form{flex-direction:column;display:flex}label{color:#cad7e9;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}input{color:#edf3ff;width:100%;min-height:48px;caret-color:var(--cyan);font:inherit;background:#090e18;border:1px solid #3a4960;border-radius:2px;margin-bottom:24px;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}input:hover{border-color:#63718b}input:focus-visible{border-color:var(--cyan);box-shadow:0 0 16px #5fffea12}input:-webkit-autofill{-webkit-text-fill-color:#edf3ff;caret-color:var(--cyan);box-shadow:inset 0 0 0 1000px #090e18}button{border:1px solid var(--cyan);background:var(--cyan);color:#071410;width:100%;min-height:48px;font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:2px;padding:14px 18px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s}button:hover{background:#a2fff3;box-shadow:0 0 24px #5fffea26}button:disabled{cursor:wait;opacity:.6}input:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:4px}.error{border:1px solid #ff58c844;border-left:3px solid var(--pink);color:#ffb2e7;background:#ff58c80a;margin:22px 0 0;padding:12px 14px;font-size:12px;line-height:1.7}.counter{color:var(--cyan);background:linear-gradient(135deg,#5fffea0b,#0000 65%),#080f19;border-color:#3e827e;gap:16px;margin-bottom:24px;padding:28px 20px;display:grid;position:relative}.counter:after{content:"+";color:var(--pink);font-size:22px;font-weight:400;position:absolute;top:12px;right:16px}.counter:hover{border-color:var(--cyan);background:#101e29;box-shadow:inset 0 0 32px #5fffea08,0 0 24px #5fffea12}.counter output{letter-spacing:-4px;font-variant-numeric:tabular-nums;text-shadow:0 0 28px #5fffea33;overflow-wrap:anywhere;font-size:80px;font-weight:700;line-height:1}.counter span:first-child{font-size:11px}.counter span:last-child{color:var(--muted);letter-spacing:.08em;font-size:10px;font-weight:400}.logout{color:#ffb2e7;background:#ff58c808;border-color:#65405d}.logout:hover{border-color:var(--pink);background:#ff58c814;box-shadow:0 0 20px #ff58c812}@media (max-width:480px){main{padding:24px 20px}.card{padding:30px 24px}h1{font-size:30px}.counter output{font-size:68px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}@media (forced-colors:active){.card,input,button{border:1px solid canvastext}.counter output{text-shadow:none}input:focus-visible,button:focus-visible{outline-color:highlight}}