:root{--bg:#000;--pane:#0a0a0a;--line:#ffffff14;--edge:#ffffff29;--muted:#8c8c8c;--text:#e6e6e6;--text2:#bdbdbd;--hi:#fff;--acc:#9aa4af;--shade:#9aa4af61;--up:#26c98f;--dn:#f2545b;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--cond:"IBM Plex Sans Condensed", "Arial Narrow", sans-serif;--disp:"Chakra Petch", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0}body{color:var(--text);font:13px/1.45 var(--mono);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer;text-align:left;background:0 0;border:0;margin:0;padding:0}a{color:inherit}:focus-visible{outline:1px solid var(--hi);outline-offset:2px}::selection{color:#000;background:#f2f2f2}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blink{animation:1.1s step-end infinite blink}.up{color:var(--up)}.dn{color:var(--dn)}.acc{color:var(--acc)}.lp{height:100vh;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.nav{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:28px;height:56px;padding:0 32px;display:flex}.logo{font:700 22px/1 var(--disp);letter-spacing:.14em;color:var(--hi);white-space:nowrap;text-decoration:none}.logo .gt{color:var(--acc);letter-spacing:0}.blk{vertical-align:-.04em;background:var(--hi);width:.5em;height:.78em;margin-left:.1em;display:inline-block}.navr{letter-spacing:.1em;color:var(--muted);white-space:nowrap;align-items:center;gap:18px;margin-left:auto;font-size:11px;display:flex}.live{gap:16px;display:flex}.live b{color:var(--hi);font-weight:700}.live span{color:var(--text);font-variant-numeric:tabular-nums}.live em{font-style:normal}.demo{color:#000;letter-spacing:.08em;background:#d9a85b;padding:2px 8px;font-weight:700}.stat{align-items:center;gap:8px;display:flex}.stat i{background:#d9a85b;width:7px;height:7px}.stat.on i{background:var(--up)}.stat.off i{background:var(--dn)}.clk b{color:var(--hi);font-variant-numeric:tabular-nums;font-weight:500}.cta{background:var(--acc);color:#000;letter-spacing:.12em;text-align:center;font-weight:700}.cta:hover{filter:brightness(1.12)}.cta:disabled{opacity:.6;cursor:wait}.navcta{height:32px;padding:0 14px}.hero{flex:1;grid-template-columns:minmax(0,1fr) 440px;align-items:center;gap:48px;min-height:0;padding:24px 56px;display:grid}.left{flex-direction:column;gap:clamp(14px,2.6vh,26px);min-width:0;display:flex}.eyebrow,.hint{letter-spacing:.18em;color:var(--muted);font-size:11px;font-weight:600}.hint{letter-spacing:.1em;font-weight:400}.art{font:800 var(--ap) / var(--ap) var(--mono);--ap:clamp(6px, 1.15vh, 11px);letter-spacing:0;cursor:crosshair;-webkit-user-select:none;user-select:none;width:98ch;max-width:100%;color:var(--muted);margin:0;overflow:hidden}.art .a{color:var(--acc)}.art .h{color:#fff;text-shadow:0 0 8px var(--acc)}.art .s{color:var(--shade)}.art .d1{color:#ffffff38}.art .d2{color:#ffffff17}h1{font:600 clamp(28px, 4.6vh, 44px) / 1.08 var(--cond);color:var(--hi);text-wrap:balance;max-width:640px;margin:0}.panel{background:var(--pane);border:1px solid var(--edge);flex-direction:column;min-height:0;max-height:100%;display:flex;box-shadow:0 30px 90px #000c}.phead{border-bottom:1px solid var(--line);letter-spacing:.14em;height:36px;color:var(--muted);flex:none;align-items:center;gap:10px;padding:0 16px;font-size:10px;font-weight:600;display:flex}.phead i{background:var(--acc);width:6px;height:6px}.phead .sec{margin-left:auto}#pbody{min-height:0;overflow-y:auto}.form{flex-direction:column;gap:clamp(10px,1.6vh,14px);padding:clamp(16px,2.6vh,24px);display:flex}.ttl h2,.done h2{font:600 26px var(--cond);color:var(--hi);margin:0}.ttl p,.done p{color:var(--text2);margin:6px 0 0;font-size:12px;line-height:1.55}.fl{letter-spacing:.12em;color:var(--muted);flex-direction:column;gap:6px;font-size:10px;font-weight:600;display:flex}.flr{justify-content:space-between;display:flex}.fld{background:var(--bg);border:1px solid var(--edge);height:42px;color:var(--hi);font:13px var(--mono);width:100%;padding:0 12px}.fld:focus{border-color:var(--hi);outline:none}.fld::placeholder{color:#5a5a5a}.pw{display:flex;position:relative}.pw .fld{padding-right:64px}.eye{letter-spacing:.1em;height:24px;color:var(--text2);padding:0 8px;font-size:10px;position:absolute;top:9px;right:6px}.eye:hover{color:var(--hi)}.lnk{color:var(--hi);text-underline-offset:2px;letter-spacing:.02em;font-size:11px;font-weight:500;text-decoration:underline}.flr .lnk{font-size:10px}.chk{color:var(--text2);cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.chk.top{align-items:flex-start;line-height:1.5}.chk input{accent-color:var(--acc);flex:none;width:14px;height:14px;margin:0}.chk.top input{margin-top:2px}.err{color:var(--dn);min-height:0;font-size:11px}.err:empty{display:none}.cta.lg{letter-spacing:.14em;height:44px;font-size:12px}.or{letter-spacing:.14em;color:var(--muted);align-items:center;gap:10px;font-size:10px;display:flex}.or span{background:var(--line);flex:1;height:1px}.sso{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sso button{border:1px solid var(--edge);height:40px;color:var(--hi);letter-spacing:.08em;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.sso button:hover{border-color:var(--hi);background:#141414}.sso b{color:var(--acc)}.sw{color:var(--muted);justify-content:center;gap:6px;font-size:11px;display:flex}.guest{text-align:center;border:1px dashed var(--edge);letter-spacing:.12em;color:var(--text2);padding:10px;font-size:11px;font-weight:600;text-decoration:none;display:block}.guest:hover{border-color:var(--hi);color:var(--hi)}.done{flex-direction:column;gap:14px;padding:32px 24px;display:flex}.done p b{color:var(--hi)}.dtag{letter-spacing:.14em;color:var(--up);font-size:11px;font-weight:700}.pfoot{border-top:1px solid var(--line);letter-spacing:.06em;color:var(--muted);flex:none;justify-content:center;gap:8px;padding:10px 16px;font-size:10px;display:flex}.pfoot a{text-decoration:none}.pfoot a:hover{color:var(--hi)}@media (prefers-reduced-motion:reduce){.blink{animation:none}}@media (max-width:1280px){.live span:nth-child(3){display:none}}@media (max-width:1100px){.stat,.live{display:none}.hero{grid-template-columns:minmax(0,1fr) 400px;gap:32px;padding:24px 32px}}@media (max-width:860px){.lp{height:auto;min-height:100dvh;overflow:visible}.nav{gap:12px;padding:0 16px}.clk,.navcta{display:none}.hero{grid-template-columns:1fr;align-content:start;gap:20px;padding:20px 16px}.art,.hint{display:none}h1{font-size:26px}.panel{max-height:none}}
