.password-field{position:relative}.password-field input{padding-right:54px!important}
.password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer;transition:color .2s,background .2s}
.password-toggle:hover,.password-toggle:focus-visible{background:rgba(8,124,240,.09);color:var(--accent)}
.password-toggle svg{width:23px;height:23px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.password-toggle.revealed{color:var(--accent)}.password-toggle.revealed svg{transform:scale(1.08)}
.eye-slash{stroke-dasharray:26;stroke-dashoffset:26;transition:stroke-dashoffset .25s}
.revealed .eye-slash{stroke-dashoffset:0}
.auth-progress{display:flex;align-items:center;gap:13px;padding:16px;margin-top:16px;border:1px solid var(--line);border-radius:17px;background:rgba(8,124,240,.05);animation:auth-appear .25s ease}
.auth-progress strong,.auth-progress small{display:block}.auth-progress strong{font-size:14px;color:var(--text)}.auth-progress small{font-size:12px;color:var(--muted);line-height:1.45;margin-top:4px}
.auth-orbit{flex:none;width:25px;height:25px;border:2px solid rgba(8,124,240,.18);border-top-color:var(--accent);border-radius:50%;animation:auth-spin .8s linear infinite}
.auth-complete .auth-orbit{animation:none;border-color:#188e78;background:rgba(24,142,120,.12)}
.auth-status{color:var(--muted)}.status.success{color:#188e78}.status.error,.form-message.error{color:#e33a43;line-height:1.5}
.auth-checking input{opacity:.7}.auth-checking button.busy{opacity:.75}
@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes auth-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.auth-progress,.auth-orbit{animation:none}.password-toggle,.password-toggle svg,.eye-slash{transition:none}}