:root{--bg:#05060d;--surface:#0d0f1e;--surface-2:#161934;--border:#272c58;--line:#98a0c824;--accent-2:#ff4d94;--text:#e8ecf4;--muted:#9aa4c0;--accent:#fc3;--accent-ink:#1a1400;--danger:#ff8a8a;--focus:#7cc4ff;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}.login-body{background-color:var(--bg);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-position:50%;background-size:56px 56px;place-items:center;min-height:100vh;padding:16px;display:grid;position:relative;overflow-x:hidden}.login-body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(55% 45% at 12% 0%, #ff4d9438, transparent 70%), radial-gradient(50% 40% at 92% 6%, #ffb81f29, transparent 70%), radial-gradient(120% 90% at 50% 50%, transparent 40%, var(--bg) 95%);position:fixed;inset:0}.login-shell{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:clamp(24px,6vw,88px);width:min(1000px,100%);display:grid}.login-art{justify-items:center;gap:12px;display:grid}.art-svg{width:min(100%,440px);height:auto}.art-svg .rings circle{stroke:var(--border);stroke-width:1.2px;stroke-dasharray:3 6}.art-svg .rings circle:nth-child(2){stroke:#ff4d9473;transform-origin:210px 210px;animation:60s linear infinite spin}.art-svg .ticks-art path{stroke:var(--muted);stroke-width:1.2px;opacity:.6}.art-svg .mic{filter:drop-shadow(0 0 8px #ff4d9473)drop-shadow(0 0 18px #ffb81f40)}.art-svg .dim-lines line{stroke:var(--accent);stroke-width:1px;stroke-dasharray:4 4;opacity:.7}.art-svg .dim-labels text{fill:var(--accent);font-family:var(--mono);letter-spacing:.04em;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.art-caption{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;margin:0;font-size:.78rem}.login-card{border:1px dashed var(--border);background:#0d0f1eeb;border-radius:6px;width:100%;padding:30px 26px;position:relative;box-shadow:0 20px 60px #0000008c,0 0 60px #ff4d941a}.crop:before,.crop:after{content:"";pointer-events:none;border:0 solid var(--accent);width:18px;height:18px;position:absolute}.crop:before{border-top-width:2px;border-left-width:2px;top:-7px;left:-7px}.crop:after{border-bottom-width:2px;border-right-width:2px;bottom:-7px;right:-7px}.login-brand{align-items:center;gap:10px;margin:0;font-size:1.4rem;font-weight:800;line-height:1.15;display:flex}.login-icon{filter:drop-shadow(0 0 6px #ff4d948c)drop-shadow(0 0 12px #ffb81f4d);flex:none;width:42px;height:42px}.login-sub{color:var(--muted);font-weight:500}.login-lead{color:var(--muted);margin:8px 0 20px}label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;font-size:.8rem;display:block}input{width:100%;min-height:44px;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:8px 12px;transition:border-color .15s,box-shadow .15s}input:hover{border-color:var(--muted)}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffcc3326}input:focus-visible,.login-button:focus-visible,.login-back a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.login-error{border:1px solid var(--danger);color:var(--danger);border-radius:4px;margin:14px 0 0;padding:10px 12px;font-size:.92rem}.login-warning{border:1px solid var(--accent);color:var(--accent);border-radius:4px;margin:14px 0 0;padding:10px 12px;font-size:.85rem}.login-button{width:100%;min-height:46px;font:inherit;color:var(--accent-ink);background:linear-gradient(180deg, #ffc93f, var(--accent));cursor:pointer;border:0;border-radius:999px;margin-top:20px;font-weight:700;transition:transform .15s,box-shadow .2s;box-shadow:0 0 18px #ffb81f4d}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 26px #ffb81f66}.login-button:disabled{opacity:.6;cursor:default;transform:none}.login-note{color:var(--muted);text-align:center;margin:18px 0 0;font-size:.85rem}.login-back{text-align:center;font-family:var(--mono);margin:10px 0 0;font-size:.8rem}.login-back a{color:var(--muted);text-decoration:none}.login-back a:hover{color:var(--accent)}@media (max-width:860px){.login-shell{grid-template-columns:minmax(0,420px);justify-content:center}.login-art{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}