.login-root{color:#e8f4f8;background:radial-gradient(60rem 30rem at 50% -10%,#3a85b538,#0000 70%),radial-gradient(40rem 24rem at 100% 100%,#2ec4b614,#0000 70%),#0d2438;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:5rem 1rem 3rem;display:flex}html.light .login-root{color:#102a3e;background:radial-gradient(60rem 30rem at 50% -10%,#3a85b529,#0000 70%),radial-gradient(40rem 24rem at 100% 100%,#2ec4b61a,#0000 70%),#eef4f9}.login-top{z-index:40;align-items:center;gap:.75rem;display:flex;position:fixed;top:1rem;right:1rem}.login-pill{transition:background .2s var(--ease-out-ui), border-color .2s var(--ease-out-ui);background:#3a85b526;border:1px solid #3a85b566}html.light .login-pill{background:#cfe2f4e6;border-color:#21618e59}.login-knob{width:18px;height:18px;box-shadow:0 1px 4px #0000004d}.login-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a3c5e61;border:1px solid #3a85b54d;border-radius:1.5rem;flex-direction:column;align-items:center;width:min(26rem,100%);padding:2.5rem 1.75rem 2rem;display:flex;box-shadow:0 24px 60px #00000059}html.light .login-card{background:#ffffffeb;border-color:#21618e38;box-shadow:0 24px 60px #102a3e1f}@media (min-width:640px){.login-card{padding:3rem 2.5rem 2.5rem}}.login-badge{letter-spacing:.14em;text-transform:uppercase;color:#2ec4b6;background:#2ec4b61f;border:1px solid #2ec4b659;border-radius:9999px;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.6875rem;font-weight:700;display:inline-block}html.light .login-badge{color:#0f8a7e;background:#0f8a7e14;border-color:#0f8a7e59}.login-portrait-ring{background:linear-gradient(135deg,#5aa9d6,#3a85b5 50%,#2ec4b6);border-radius:9999px;padding:3px;box-shadow:0 0 40px #3a85b559}html.light .login-portrait-ring{box-shadow:0 0 40px #2ec4b62e}.login-portrait{object-fit:cover;object-position:50% 30%;border:3px solid #0d2438;border-radius:9999px;width:7rem;height:7rem;display:block}html.light .login-portrait{border-color:#fff}.login-name{font-family:var(--font-display), "Inter", system-ui, sans-serif;letter-spacing:-.02em;margin-top:1.25rem;font-size:1.75rem;font-weight:800;line-height:1.1}.login-role{color:#9bbfcc;margin-top:.375rem;font-size:.875rem;font-weight:600}html.light .login-role{color:#3a5868}.login-hint{color:#7aafc2;max-width:22rem;margin-top:1rem;font-size:.9375rem;line-height:1.55}html.light .login-hint{color:#41617a}.login-form{text-align:left;flex-direction:column;align-items:stretch;width:100%;margin-top:1.75rem;display:flex}.login-label{letter-spacing:.08em;text-transform:uppercase;color:#7aafc2;margin-bottom:.5rem;font-size:.75rem;font-weight:700}html.light .login-label{color:#41617a}.login-field{display:flex;position:relative}.login-input{color:#e8f4f8;width:100%;min-height:3rem;transition:border-color .2s var(--ease-out-ui), box-shadow .2s var(--ease-out-ui);background:#0a1c2eb3;border:1px solid #3a85b559;border-radius:.875rem;padding:.75rem 3.25rem .75rem 1rem;font-size:1rem}.login-input::placeholder{color:#4a7a8f}.login-input:focus{border-color:#2ec4b6;outline:none;box-shadow:0 0 0 3px #2ec4b633}.login-input[aria-invalid=true]{border-color:#f4a3a3b3}.login-input:disabled{opacity:.55;cursor:not-allowed}html.light .login-input{color:#102a3e;background:#fff;border-color:#21618e4d}html.light .login-input:focus{border-color:#0f8a7e;box-shadow:0 0 0 3px #0f8a7e2e}html.light .login-input[aria-invalid=true]{border-color:#a3243c99}.login-eye{color:#7aafc2;width:2.75rem;height:2.75rem;transition:color .2s var(--ease-out-ui), background .2s var(--ease-out-ui);border-radius:.625rem;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}html.light .login-eye{color:#41617a}@media (hover:hover) and (pointer:fine){.login-eye:hover{color:#2ec4b6;background:#3a85b51f}html.light .login-eye:hover{color:#0f8a7e;background:#21618e14}}.login-submit{letter-spacing:.02em;color:#0d2438;min-height:3rem;transition:transform .2s var(--ease-out-ui), box-shadow .2s var(--ease-out-ui), opacity .2s ease;background:linear-gradient(100deg,#3a85b5,#2ec4b6);border-radius:9999px;margin-top:1rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:700;box-shadow:0 10px 28px #2ec4b638}.login-submit:disabled{opacity:.6;cursor:not-allowed}html.light .login-submit{color:#fff;box-shadow:0 10px 28px #21618e33}@media (hover:hover) and (pointer:fine){.login-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 14px 32px #2ec4b64d}}.login-submit:not(:disabled):active{transform:translateY(0)scale(.99)}.login-error{text-align:center;color:#f4a3a3;opacity:0;min-height:1.5rem;margin-top:.875rem;font-size:.875rem;line-height:1.45;transition:opacity .2s}.login-error.is-visible{opacity:1}html.light .login-error{color:#a3243c}@keyframes loginIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.login-in{animation:loginIn .6s var(--ease-out-strong) both}@media (prefers-reduced-motion:reduce){.login-in{opacity:1;animation:none;transform:none}.login-submit,.login-submit:not(:disabled):hover,.login-submit:not(:disabled):active{transition:none;transform:none}.login-input,.login-eye,.login-pill,.login-error{transition:none}}