.login-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;transition:opacity .18s,transform .18s}
.login-submit:disabled{cursor:wait;opacity:.82}
.login-spinner{display:none;width:17px;height:17px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}
.login-submit.is-loading .login-spinner{display:block}
.login-progress{align-items:center;gap:12px;padding:12px 14px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1e3a8a}
.login-progress:not([hidden]){display:flex}
.login-progress-ring{width:27px;height:27px;flex:0 0 auto;border:3px solid #bfdbfe;border-top-color:var(--blue);border-radius:50%;animation:login-spin .8s linear infinite}
.login-progress span{display:grid;gap:2px}
.login-progress strong{font-size:12px}
.login-progress small{font-size:11px;color:#5270a5}
@keyframes login-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.login-spinner,.login-progress-ring{animation-duration:1.6s}}