.password-recovery-page { min-height: 100vh; display: grid; place-items: center; padding: 32px 18px; background: var(--surface, #f4f6fa); }
.password-recovery-card { width: min(100%, 520px); background: #fff; border: 1px solid var(--line); border-radius: 20px; padding: 36px; box-shadow: 0 18px 60px #1626400d; }
.recovery-brand { display: inline-flex; margin-bottom: 28px; }
.recovery-brand img { display: block; width: 156px; height: auto; }
.password-recovery-card h1 { margin: 0 0 16px; font-size: clamp(25px, 5vw, 32px); line-height: 1.15; }
.recovery-description, .recovery-help { color: var(--muted); line-height: 1.6; }
.recovery-description { margin: 0 0 18px; }
.recovery-portal { color: var(--muted); font-size: 13px; font-weight: 700; }
.recovery-status:empty { display: none; }
.recovery-status { border-radius: 10px; background: var(--primary-soft); color: var(--primary-dark); padding: 15px; line-height: 1.55; }
.recovery-links { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 20px; }
.recovery-links a, .login-recovery-link { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; }
.login-recovery-link { display: inline-block; margin-top: 16px; font-size: 14px; }
.recovery-help { font-size: 13px; margin: 24px 0 0; }
.recovery-account-copy { margin: 0; padding: 20px 26px; color: var(--muted); line-height: 1.6; }
#recoveryEmailForm > .form-stack { padding: 0 26px 24px; }
.recovery-account-actions { margin-top: 18px; }
@media (max-width: 520px) { .password-recovery-card { padding: 26px 22px; } }