/* Forgot Password Email Page Styles */

/* Section background */
.forgot-password-section {
    /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
    background: #d2e8ff;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

/* Card sizing and subtle hover */
.auth-card {
    transition: transform 0.28s cubic-bezier(.2,.8,.2,1), box-shadow 0.28s;
    border-radius: 0.6rem;
}
.auth-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(20, 23, 38, 0.12);
}

.auth-card-header {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

/* Input and focus */
.form-control {
    border-radius: 0.375rem;
    border: 1px solid #e9ecef;
}
.form-control:focus {
    box-shadow: 0 0 0 0.18rem rgba(102, 126, 234, 0.14);
    border-color: #6f7be6;
}

.input-group-text {
    border-radius: 0.375rem 0 0 0.375rem;
    background: transparent;
    border: 0;
}

/* Primary button with accessible contrast */
.send-reset-btn {
    background: linear-gradient(135deg, #4f67e1 0%, #6f4aa0 100%);
    border: none;
    color: #fff;
    transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
    letter-spacing: 0.2px;
}
.send-reset-btn:hover,
.send-reset-btn:focus {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(79, 103, 225, 0.18);
    opacity: 0.98;
}

/* Message/Alert spacing */
.alert {
    margin-top: 0.75rem;
}

.back-to-login {
    color: #2f3a8f;
}

/* Typography helpers */
.text-gray-700 { color: #6c757d !important; }
.text-gray-900 { color: #343a40 !important; }
.font-weight-bold { font-weight: 600 !important; }

/* Responsive tweaks */
@media (max-width: 576px) {
    .auth-card { margin: 0 0.5rem; }
    .forgot-password-section { padding-top: 2rem; padding-bottom: 2rem; }
}