.elementor-2205 .elementor-element.elementor-element-60b76d58{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-2205 .elementor-element.elementor-element-60b76d58:not(.elementor-motion-effects-element-type-background), .elementor-2205 .elementor-element.elementor-element-60b76d58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://learnifycloud.com/wp-content/uploads/2025/05/Untitled-design-18.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2205 .elementor-element.elementor-element-457805d{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2205 .elementor-element.elementor-element-51e6833{text-align:center;font-family:"League Spartan", Sans-serif;font-size:28px;font-weight:600;color:var( --e-global-color-0a95a96 );}.elementor-2205 .elementor-element.elementor-element-3dee104{width:var( --container-widget-width, 500px );max-width:500px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;padding:0px 0px 0px 0px;--container-widget-width:500px;--container-widget-flex-grow:0;text-align:left;}.elementor-2205 .elementor-element.elementor-element-3dee104.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2205 .elementor-element.elementor-element-51e6833{font-size:24px;}.elementor-2205 .elementor-element.elementor-element-3dee104{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;padding:0px 0px 0px 0px;--container-widget-width:450px;--container-widget-flex-grow:0;width:var( --container-widget-width, 450px );max-width:450px;}}@media(max-width:767px){.elementor-2205 .elementor-element.elementor-element-51e6833{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -41px) 0px;padding:0px 0px 0px 0px;font-size:18px;}.elementor-2205 .elementor-element.elementor-element-3dee104{width:var( --container-widget-width, 574px );max-width:574px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:16px 16px 16px 16px;--container-widget-width:574px;--container-widget-flex-grow:0;}}/* Start custom CSS for text-editor, class: .elementor-element-3dee104 *//* ============================
   Glass style for Forgot Password form
   Parent class: .forgot-form
   ============================ */

/* Glass card container */
.forgot-form .ur-frontend-form {
    max-width: 500px;
    margin: 0 auto;
    padding: 40px 40px 32px;
    border-radius: 28px;

    /* Glassmorphism background */
    background: rgba(15, 8, 40, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.35) !important;
    
}

/* Heading + text */
.forgot-form h1,
.forgot-form h2,
.forgot-form h3,
.forgot-form p,
.forgot-form label {
    color: #ffffff !important;
}

/* Make the small help text a bit softer */
.forgot-form .ur-lost-password-message,
.forgot-form p {
    font-size: 32px;
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Input fields */
.forgot-form input[type="text"],
.forgot-form input[type="email"],
.forgot-form input[type="password"] {
    width: 100%;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
    border-radius: 25px;
    padding: 12px 18px;
    font-size: 16px;
}

/* Placeholder colour */
.forgot-form input::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Hover / focus */
.forgot-form input[type="text"]:hover,
.forgot-form input[type="email"]:hover,
.forgot-form input[type="password"]:hover,
.forgot-form input[type="text"]:focus,
.forgot-form input[type="email"]:focus,
.forgot-form input[type="password"]:focus {
    border-color: #8a5cf6 !important;
    box-shadow: 0 0 10px #7f4dff !important;
    outline: none !important;
}

/* Reset button – full width like login button */
.forgot-form input[type="submit"] {
    display: block;
    width: 100%;
    margin-top: 18px;

    background: #3E60FF !important;
    border-radius: 24px !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 500;
    padding: 12px 0 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
}

/* Button hover */
.forgot-form input[type="submit"]:hover {
    background: #1439ff !important;
    box-shadow: 0 0 14px #335eff;
}

/* Links (if plugin outputs any) */
.forgot-form a {
    color: #b7c8ff !important;
}
.forgot-form a:hover {
    color: #ffffff !important;
}

/* ============================
   Responsive tweaks
   ============================ */

/* Tablets & small laptops */
@media (max-width: 1024px) {
    .forgot-form .ur-frontend-form {
        max-width: 440px;
        padding: 32px 28px;
    }
}

/* Mobiles */
@media (max-width: 768px) {
    .forgot-form .ur-frontend-form {
        max-width: 100%;
        margin: 40px 16px;
        padding: 28px 20px;
        border-radius: 22px;
    }

    .forgot-form input[type="submit"] {
        margin-top: 16px;
        font-size: 14px;
    }
}

/* Extra-small phones */
@media (max-width: 480px) {
    .forgot-form .ur-frontend-form {
        margin: 32px 12px;
        padding: 24px 16px;
    }

    .forgot-form input[type="text"],
    .forgot-form input[type="email"],
    .forgot-form input[type="password"] {
        font-size: 14px;
        padding: 10px 14px;
    }
}/* End custom CSS */