.password-recovery-card .registration-card__heading p,
.password-reset-card .registration-card__heading p {
    white-space: normal;
}

.recovery-success .registration-success__lead,
.password-reset-success .registration-success__lead {
    max-width: 27rem;
    margin-bottom: 1rem;
}

.password-reset-success .registration-success__action {
    margin-top: 1.6rem;
}

.password-reset-invalid {
    display: grid;
    justify-items: center;
    text-align: center;
}

.password-reset-invalid__icon {
    display: grid;
    width: 5rem;
    height: 5rem;
    margin-bottom: 1.35rem;
    place-items: center;
    border: 1px solid rgba(255, 146, 146, 0.34);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(190, 71, 82, 0.18), transparent 68%);
    color: #ffaaaa;
}

.password-reset-invalid__icon svg {
    width: 2.75rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.45;
}

.password-reset-invalid > span {
    color: #ffaaaa;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.password-reset-invalid h1 {
    margin: 0.55rem 0 0;
    color: #f8f8f9;
    font-size: clamp(2rem, 7vw, 2.55rem);
    line-height: 1.05;
    letter-spacing: -0.052em;
}

.password-reset-invalid p {
    margin: 1rem 0 1.6rem;
    color: var(--text-muted);
    font-size: 0.78rem;
    line-height: 1.6;
}

.password-reset-invalid__secondary {
    margin-top: 1rem;
    color: #b592dd;
    font-size: 0.72rem;
    font-weight: 600;
    text-decoration: none;
}

.password-reset-invalid__secondary:hover,
.password-reset-invalid__secondary:focus-visible {
    outline: 0;
    color: var(--accent-bright);
    text-decoration: underline;
    text-underline-offset: 0.2rem;
}