body:has(.auth-page){background:#fff}.auth-page{--auth-ink:#23252d;--auth-muted:#586274;--auth-faint:#9aa3b2;--auth-line:#e5e9ef;--auth-blue:#1436b4;--auth-blue-press:#0f2b92;--auth-bad:#c4362c;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1rem;background-color:#fff;background-image:radial-gradient(135% 100% at 50% -6%,#b7c4ef 0,#d3dcf7 38%,#eceffd 62%,transparent 80%);background-repeat:no-repeat;background-size:100% min(70%,480px);color:var(--auth-ink);font-family:var(--font-body),system-ui,sans-serif}.auth-col{width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.75rem}.auth-mark{width:196px;height:62px;object-fit:contain;align-self:center}.auth-head{display:flex;flex-direction:column;gap:.25rem}.auth-title{font-family:var(--font-display),system-ui,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.01em;line-height:1.15}.auth-sub{font-size:14px;color:var(--auth-muted)}.auth-card{gap:1.1rem;padding:1.5rem;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--auth-line),0 2px 4px rgba(35,37,45,.04),0 18px 36px -24px rgba(35,37,45,.18)}.auth-card,.auth-field{display:flex;flex-direction:column}.auth-field{gap:.4rem}.auth-label{font-size:12.5px;font-weight:600;color:var(--auth-muted)}.auth-combo{display:flex;align-items:center;gap:.6rem;height:46px;padding:0 .75rem;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--auth-line);transition:box-shadow .15s ease}.auth-combo:focus-within{box-shadow:inset 0 0 0 1.5px var(--auth-blue),0 0 0 4px rgba(20,54,180,.1)}.auth-combo--error{box-shadow:inset 0 0 0 1.5px var(--auth-bad)}.auth-combo-icon{display:inline-flex;flex-shrink:0;color:var(--auth-faint)}.auth-combo-input{flex:1;min-width:0;height:100%;border:0;outline:none;background:transparent;font-size:15px;color:var(--auth-ink)}.auth-combo-input::placeholder{color:var(--auth-faint)}.auth-combo-input:-webkit-autofill,.auth-combo-input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 100px #fff;-webkit-text-fill-color:var(--auth-ink)}.auth-eye{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:7px;color:var(--auth-faint);cursor:pointer;transition:background .15s ease,color .15s ease}.auth-eye:hover{background:#f1f4f7;color:var(--auth-muted)}.auth-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:48px;margin-top:.15rem;border-radius:10px;background:var(--auth-blue);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .08s ease}.auth-submit:hover:not(:disabled){background:var(--auth-blue-press)}.auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-error{display:flex;align-items:flex-start;gap:.45rem;padding:.6rem .7rem;border-radius:9px;background:#fdeae7;color:var(--auth-bad);font-size:13px}.auth-error svg{flex-shrink:0;margin-top:1px}.auth-foot{text-align:center;font-size:12.5px;color:var(--auth-faint)}@media (max-height:640px){.auth-page{align-items:flex-start;padding-top:1.5rem}.auth-col{gap:1.25rem}.auth-mark{width:156px;height:48px}}