.login-page{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#000;--surface:#11120f;--surface-raised:#181a15;--text:#fff;--muted:#ffffffa3;--faint:#ffffff61;--border:#ffffff1b;--lime:#d7ff00;--blue:#547dde;--attention:#f05a28;--conversation-lead:#f2c75b;--danger:#ff6a77;--curve:cubic-bezier(.22, .9, .28, 1);--radius-card:28px;--radius-control:14px}.login-page *{box-sizing:border-box}.login-page,.login-page{background:var(--page);min-height:100%;color:var(--text);font-variant-numeric:tabular-nums lining-nums;-webkit-font-smoothing:antialiased;margin:0;font-family:Geist,-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif}.login-page{min-height:100dvh;padding:32px 20px calc(32px + env(safe-area-inset-bottom));place-items:center;display:grid}.login-page .backdrop{z-index:0;pointer-events:none;background:radial-gradient(680px 420px at 18% 8%,#d7ff001a,#0000 62%),radial-gradient(760px 520px at 88% 92%,#547dde1f,#0000 64%);position:fixed;inset:0}.login-page .shell{z-index:1;width:100%;max-width:424px;position:relative}.login-page .card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:40px 36px 34px;position:relative;box-shadow:inset 0 1px #ffffff12,0 30px 70px #0000008c}.login-page .card-head{text-align:center;justify-items:center;margin-bottom:30px;display:grid}.login-page .brand-mark{filter:brightness(0)invert();width:auto;height:46px;margin-bottom:20px;display:block}.login-page .card-head h1{letter-spacing:-.045em;margin:0 0 8px;font-size:27px;font-weight:600}.login-page .card-head p{max-width:30ch;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.login-page .fields{gap:16px;display:grid}.login-page .field{gap:7px;display:grid}.login-page .field>label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.login-page .field-shell{display:grid;position:relative}.login-page .input{border:1px solid var(--border);border-radius:var(--radius-control);width:100%;min-height:52px;color:var(--text);font:inherit;transition:border-color .16s var(--curve), background .16s var(--curve);background:#0c0d0a;padding:14px 16px;font-size:14.5px}.login-page .has-reveal .input{padding-right:52px}.login-page .input::placeholder{color:#ffffff42}.login-page .input:hover{border-color:#fff3}.login-page .input:focus{border-color:var(--blue);background:#0e0f0b;outline:none}.login-page .input[aria-invalid=true]{border-color:var(--danger)}.login-page .reveal{width:38px;height:38px;color:var(--faint);cursor:pointer;transition:background .15s var(--curve), color .15s var(--curve);background:0 0;border:0;border-radius:10px;place-items:center;margin-top:-19px;padding:0;display:grid;position:absolute;top:50%;right:8px}.login-page .reveal:hover{color:var(--text);background:#ffffff12}.login-page .reveal svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.login-page .field-error{min-height:15px;color:var(--danger);margin:0;font-size:11.5px}.login-page .field-error:empty{min-height:0}.login-page .row{justify-content:space-between;align-items:center;gap:14px;margin:4px 0 22px;display:flex}.login-page .row-forgot{justify-content:flex-end}.login-page .remember{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:12.5px;display:inline-flex}.login-page .remember input{opacity:0;width:0;height:0;position:absolute}.login-page .box{border:1px solid var(--border);width:19px;height:19px;transition:background .15s var(--curve), border-color .15s var(--curve);background:#0c0d0a;border-radius:6px;place-items:center;display:grid}.login-page .box svg{opacity:0;fill:none;stroke:#0d0f08;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.login-page .remember input:checked+.box{background:var(--lime);border-color:var(--lime)}.login-page .remember input:checked+.box svg{opacity:1}.login-page .remember input:focus-visible+.box{outline:2px solid var(--blue);outline-offset:2px}.login-page .link{color:var(--muted);border-bottom:1px solid #0000;font-size:12.5px;text-decoration:none}.login-page .link:hover{color:var(--text);border-bottom-color:#ffffff4d}.login-page .submit{border-radius:var(--radius-control);background:var(--lime);color:#0d0f08;width:100%;min-height:52px;font:inherit;cursor:pointer;transition:background .16s var(--curve), transform .16s var(--curve), opacity .16s var(--curve);border:0;place-items:center;font-size:14.5px;font-weight:700;display:grid;position:relative}.login-page .submit:hover:not(:disabled){background:#e4ff3d;transform:translateY(-1px)}.login-page .submit:active:not(:disabled){transform:translateY(0)}.login-page .submit:disabled{cursor:default;opacity:.7}.login-page .submit .label{transition:opacity .14s var(--curve)}.login-page .is-busy .label{opacity:0}.login-page .spinner{opacity:0;border:2px solid #0d0f0847;border-top-color:#0d0f08;border-radius:50%;width:19px;height:19px;animation:.62s linear infinite spin;position:absolute}.login-page .is-busy .spinner{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.login-page .alert{border-radius:var(--radius-control);align-items:flex-start;gap:10px;margin-bottom:20px;padding:13px 15px;font-size:12.5px;line-height:1.5;display:none}.login-page .alert.is-shown{display:flex}.login-page .alert svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:15px;height:15px;margin-top:1px}.login-page .alert[data-tone=error]{color:#ffb3ba;background:#ff6a771f}.login-page .alert[data-tone=locked]{color:#ffb599;background:#f05a2824}.login-page .alert[data-tone=ok]{color:var(--lime);background:#d7ff001f}.login-page .foot{border-top:1px solid var(--border);text-align:center;margin-top:26px;padding-top:20px}.login-page .foot p{color:var(--muted);margin:0;font-size:11.5px;line-height:1.6}.login-page .back{color:var(--muted);align-items:center;gap:7px;margin-top:22px;font-size:12.5px;text-decoration:none;display:inline-flex}.login-page .back:hover{color:var(--text)}.login-page .back svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transform:rotate(180deg)}.login-page .shell>.back-wrap{justify-items:center;display:grid}.login-page .submit:focus-visible,.login-page .reveal:focus-visible,.login-page .link:focus-visible,.login-page .back:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:8px}.login-page .submit:focus-visible{outline-color:#fff}.login-page .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=420px){.login-page .card{border-radius:24px;padding:32px 22px 26px}.login-page .brand-mark{height:40px}}@media (width<=370px){.row{flex-direction:column;align-items:flex-start;gap:12px}.card{padding:28px 18px 24px}}@media (prefers-reduced-motion:reduce){.login-page *,.login-page :before,.login-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
