/* === Forgot Password Page Custom Styling === */

/* Hide the legacy shared mobile video class on this page */
.mobile-video-bg {
    display: none !important;
}

/* Mobile contained background video */
@media (max-width: 1024px) {
    .forgot-page-shell {
        position: relative;
        overflow: hidden;
        background-color: transparent !important;
    }

    .forgot-mobile-video-wrap {
        position: absolute;
        inset: 0;
        z-index: 0;
        overflow: hidden;
        pointer-events: none;
    }

    .forgot-mobile-video {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.25;
        transition: opacity 0.5s ease-in-out;
    }

    .forgot-form-container {
        background-color: transparent !important;
        box-shadow: none !important;
        opacity: 0;
        animation: fadeInForm 0.6s ease-in-out forwards;
    }

        /* Slightly darken secondary text on mobile */
        .forgot-form-container p.text-gray-500 {
            color: #3a3a3a !important;
        }
}

/* Hide mobile video wrapper on larger screens */
@media (min-width: 1025px) {
    .forgot-mobile-video-wrap {
        display: none !important;
    }
}

/* === Fade-in animation === */
@keyframes fadeInForm {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}