/* forgot-password.css - Forgot password page specific styles */

/* ---- Description text ---- */
/* Figma: y:355 (centered at top:386), font-size:12.884px, width:456px */
/* Gap from heading bottom (218 + 128 = 346) to description top (355) = 9px */
.forgot-description {
    font-family: var(--font-primary);
    font-size: 12.884px;
    font-weight: 400;
    line-height: 1.6;
    text-transform: uppercase;
    color: #2a190e;
    max-width: 456px;
    margin-top: 9px;
    margin-bottom: 0;
    flex-shrink: 0;
}

/* ---- Form — single field, no gap needed ---- */
/* Figma: field y:468, gap from description bottom (355+62=417) to field top (468) = 51px */
.forgot-form {
    margin-top: 51px;
    gap: 0;
}

/* ---- Button margin ---- */
/* Figma: button y:571, field bottom (468+61=529), gap = 42px — same as register */
/* register-btn already has margin-top:42px so no override needed */

/* ---- Privacy margin ---- */
/* Same as register: margin-top:178px from button bottom */
/* On forgot page there's no login link row so recalculate:
   button bottom = 571+52 = 623, privacy y:862, gap = 239px */
.forgot-page .register-privacy {
    margin-top: 239px;
}

/* ---- Responsive ---- */
@media (max-width: 1024px) {
    .forgot-page .register-privacy {
        margin-top: 80px;
    }
}

@media (max-width: 768px) {
    .forgot-description {
        font-size: 12px;
        max-width: 100%;
    }

    .forgot-form {
        margin-top: 32px;
    }

    .forgot-page .register-privacy {
        margin-top: 60px;
    }
}

@media (max-width: 480px) {
    .forgot-description {
        font-size: 11px;
    }

    .forgot-form {
        margin-top: 24px;
    }

    .forgot-page .register-privacy {
        margin-top: 48px;
    }
}