.login-recovery-link { justify-self: end; color: #1463d6; font-size: .88rem; font-weight: 700; text-decoration: none; padding: 4px 0; }
.login-recovery-link:hover { text-decoration: underline; }
.login-recovery-link:focus-visible { outline: 2px solid #1463d6; outline-offset: 4px; border-radius: 4px; }
.recovery-shell .login-card { min-width: 0; }
.recovery-shell .login-submit { width: 100%; min-height: 48px; }
.recovery-info { display: flex; align-items: flex-start; gap: 10px; margin-top: 22px; padding: 16px; border: 1px solid #cfe4ed; border-radius: 14px; background: #f0f8fb; color: #334155; }
.recovery-info svg { width: 20px; height: 20px; flex-shrink: 0; color: #087f8c; }
.recovery-info p, .recovery-help { margin: 0; font-size: .84rem; line-height: 1.65; }
.recovery-shell > .login-access > .login-card > .recovery-help { margin-top: 18px; }
.recovery-help { color: #64748b; }
.recovery-identity { display: flex; align-items: center; gap: 8px; overflow-wrap: anywhere; padding: 12px; border-radius: 10px; background: #ecfdf5; color: #047857; font-size: .87rem; font-weight: 700; margin-bottom: 20px; }
.recovery-identity svg { flex-shrink: 0; width: 20px; height: 20px; }
@media (max-width: 480px) { .recovery-shell .login-card { padding: 24px 18px; } .recovery-shell .login-card__header h1 { font-size: 1.6rem; } .recovery-shell .login-input input { min-width: 0; font-size: 16px; } }