.login{--paper:#08080A;--surface:#101013;--subtle:#0C0C0F;--sunken:#17171B;--border:#232327;--border-strong:#2E2E34;--ink:#FAFAFA;--ink-2:#D4D4D8;--ink-3:#8E8E97;--ink-4:#66666E;--brand:#60A5FA;--brand-soft:rgba(96,165,250,.14);--pos:#4ADE80;--neg:#F87171;--warn:#FBBF24;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow:0 1px 3px rgba(0,0,0,.5),0 8px 24px -12px rgba(0,0,0,.7);--shadow-lg:0 2px 6px rgba(0,0,0,.55),0 24px 56px -20px rgba(0,0,0,.9);color-scheme:dark;position:relative;min-height:100vh;min-height:100dvh;display:grid;align-content:safe center;justify-items:center;padding:24px;background:var(--paper);color:var(--ink);isolation:isolate}.login-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.lb-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.085)}.lb-ring-1{width:820px;height:820px;left:-300px;bottom:-300px}.lb-ring-2{width:980px;height:980px;right:-320px;top:-400px}.lb-ring-3{width:640px;height:640px;right:-160px;bottom:-230px;border-color:rgba(255,255,255,.055)}.lb-dots{position:absolute;background-image:radial-gradient(rgba(255,255,255,.17) 1px,transparent 0);background-size:13px 13px}.lb-dots-tr{top:58px;right:112px;width:143px;height:91px}.lb-dots-bl{bottom:76px;left:58px;width:130px;height:91px}.login-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(36rem 26rem at 50% 34%,rgba(255,255,255,.045),transparent 68%)}.login-card{position:relative;z-index:1;width:100%;max-width:424px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:32px 36px 24px;box-shadow:var(--shadow-lg)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:7px}.login-mark,.login-word{color:var(--ink);display:block}.login-word{margin-top:2px}.login-orn{display:flex;align-items:center;justify-content:center;gap:10px;margin:15px 0 16px}.login-orn span{width:54px;height:1px;background:linear-gradient(90deg,transparent,var(--border-strong))}.login-orn span:last-child{background:linear-gradient(90deg,var(--border-strong),transparent)}.login-orn i{width:5px;height:5px;background:var(--ink-4);rotate:45deg;flex:none}.login-card h1{font-size:1.12rem;text-align:center;margin:0 0 4px}.login-card .sub{text-align:center;color:var(--ink-3);font-size:.8rem;line-height:1.5;margin:0 0 20px}.login-card .field{margin-bottom:12px;gap:5px}.login-card .field label{font-size:.78rem;color:var(--ink-3);font-weight:500}.login-inp{position:relative;display:block;width:100%}.login-inp input{height:42px;padding:0 14px 0 39px;background:var(--sunken);border:1px solid var(--border);border-radius:9px;font-size:.87rem}.login-inp input::placeholder{color:var(--ink-4)}.login-inp input:hover{border-color:var(--border-strong)}.login-inp input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.login-inp input:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 40px var(--sunken) inset;caret-color:var(--ink)}.login-lead{position:absolute;left:13px;top:50%;translate:0 -50%;color:var(--ink-4);pointer-events:none}.login-inp.has-eye input{padding-right:42px}.login-eye{position:absolute;right:5px;top:50%;translate:0 -50%;width:32px;height:32px;padding:0;display:grid;place-items:center;border:0;background:transparent;border-radius:7px;color:var(--ink-4);cursor:pointer;transition:color var(--fast) var(--ease-out),background-color var(--fast) var(--ease-out)}.login-eye:hover{color:var(--ink-2);background:rgba(255,255,255,.05)}.login-eye:active{scale:.92}.login-inp:focus-within input{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.login-card .btn{width:100%;height:42px;border-radius:9px;font-size:.87rem;font-weight:600;margin-top:6px}.login-card .err{text-align:center;font-size:.79rem;margin-top:10px;padding:8px 12px;border:1px solid rgba(248,113,113,.28);background:rgba(248,113,113,.08);border-radius:8px}.login-demo{margin-top:16px;border:1px dashed var(--border-strong);border-radius:9px;background:var(--subtle);font-size:.715rem;color:var(--ink-3)}.login-demo summary{padding:7px 13px;cursor:pointer;color:var(--ink-2);font-size:.72rem;font-weight:500}.login-demo summary::marker{color:var(--ink-4)}.login-demo div{padding:0 13px 9px;line-height:1.8}.login-demo code{font-family:var(--font-geist-mono),ui-monospace,monospace;color:var(--ink-2);font-size:.69rem}.login-help{margin:14px 0 0;text-align:center;font-size:.73rem;color:var(--ink-4);line-height:1.55}.login-help a{color:var(--ink-3);text-decoration:underline;text-underline-offset:2px}.login-help a:hover{color:var(--ink-2)}.login-legal{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-top:13px;padding-top:13px;border-top:1px solid var(--border);font-size:.695rem}.login-legal a{color:var(--ink-4)}.login-legal a:hover{color:var(--ink-2)}.login-copy{margin:9px 0 0;font-size:.685rem;color:var(--ink-4);text-align:center}@media (max-height:700px){.login{padding:14px}.login-card{padding:24px 32px 18px}.login-orn{margin:11px 0 12px}.login-card .sub{margin-bottom:15px}.login-card .field{margin-bottom:10px}.login-help{margin-top:11px}.login-legal{margin-top:10px;padding-top:10px}}@media (max-height:580px){.login-brand span,.login-card .sub{display:none}.login-orn{margin:10px 0 11px}}@media (max-width:640px){.login{padding:18px}.login-card{padding:28px 22px 20px}.lb-dots{display:none}.lb-ring-2{right:-480px}}