/**
 * Forgot Password Page Styles
 * Extends the Stripe-inspired auth design
 */

/* Import base auth styles */
@import url('./login.css');

/* ===== Success State ===== */

.success-state {
    text-align: center;
}

.success-icon {
    margin-bottom: 1.5rem;
}

.success-icon i {
    font-size: 4rem;
    color: #10b981;
}

.success-message {
    font-size: var(--mkt-fs-body);
    color: var(--mkt-text-medium);
    margin-bottom: 1rem;
    line-height: 1.6;
}

.success-detail {
    font-size: var(--mkt-fs-body-small);
    color: var(--mkt-gray-dark);
    margin-bottom: 2rem;
}

/* ===== Auth Description ===== */

.auth-description {
    font-size: var(--mkt-fs-body-small);
    color: var(--mkt-text-medium);
    margin-bottom: 2rem;
    line-height: 1.6;
}

/* ===== Link with Icon ===== */

.auth-link-with-icon {
    display: inline-flex;
    align-items: center;
    font-size: var(--mkt-fs-body-small);
    font-weight: var(--mkt-fw-medium);
    color: var(--mkt-primary);
    text-decoration: none;
    transition: color var(--mkt-timing-fast);
}

.auth-link-with-icon:hover {
    color: var(--mkt-primary-hover);
    text-decoration: none;
}

/* Center footer link */
.auth-footer {
    text-align: center;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--mkt-gray-medium);
}

/* Override button for centering in success state */
.success-state .btn-auth-primary {
    max-width: 300px;
    margin: 0 auto;
}