/* ==========================================================
   Forgot Password
   ========================================================== */
.password-forgot-page {
    max-width: 760px;
    margin: 0 auto;
    padding: 48px 20px;
    display: flex;
    justify-content: center;
}
.password-forgot-card {
    width: 100%;
    max-width: 480px;
    padding: 32px;
}
/* ==========================================================
   Header
   ========================================================== */
.password-forgot-header {
    text-align: center;
    margin-bottom: 32px;
}
.password-forgot-header .brand {
    display: inline-block;
    margin-bottom: 24px;
}
.password-forgot-header h1 {
    margin-bottom: 12px;
}
.password-forgot-header p {
    margin: 0 auto;
    max-width: 420px;
}
/* ==========================================================
   Form
   ========================================================== */
.password-forgot-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.password-forgot-button {
    width: 100%;
}
/* ==========================================================
   Footer
   ========================================================== */
.password-forgot-footer {
    margin-top: 24px;
    text-align: center;
}
.password-forgot-footer a {
    font-size: .95rem;
}
/* ==========================================================
   Responsive
   ========================================================== */
@media (max-width: 768px) {
    .password-forgot-page {
        padding: 32px 16px;
    }
    .password-forgot-card {
        padding: 24px;
    }
}