.elementor-1876 .elementor-element.elementor-element-0b1e96b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1876 .elementor-element.elementor-element-b69ccce{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-1876 .elementor-element.elementor-element-fb05e08{text-align:center;}.elementor-1876 .elementor-element.elementor-element-fb05e08 .elementor-heading-title{font-size:32px;color:#E8FF04;}.elementor-1876 .elementor-element.elementor-element-0036da9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;color:#CECECE;}@media(max-width:1024px){.elementor-1876 .elementor-element.elementor-element-0b1e96b{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1876 .elementor-element.elementor-element-fb05e08 .elementor-heading-title{font-size:25px;}.elementor-1876 .elementor-element.elementor-element-0036da9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-7465cb1 *//* --- 1. The Main Login Box (Dark Glass) --- */
.box-account,
.login-form-wrapper {
    background: rgba(255, 255, 255, 0.05) !important; /* Transparent dark */
    backdrop-filter: blur(15px) !important; /* Frosted glass effect */
    -webkit-backdrop-filter: blur(15px) !important;
    
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* Subtle border */
    border-radius: 20px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
    padding: 40px !important;
}

/* --- 2. The Input Fields (Dark Mode) --- */
.box-account input[type="text"],
.box-account input[type="email"],
.box-account input[type="password"] {
    background-color: rgba(0, 0, 0, 0.6) !important; /* Dark inputs */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important; /* White typing text */
    border-radius: 10px !important;
}

/* Fix Placeholder Text (e.g., "Email Address") */
.box-account input::placeholder {
    color: #bbbbbb !important;
}

/* --- 3. The "Login" Button (Neon Lime) --- */
.box-account button[type="submit"],
.box-account .btn-submit,
button[name="login"] {
    background-color: #e8ff04 !important;
    color: #000000 !important; /* Black Text */
    border: none !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-top: 15px !important;
    padding: 15px !important;
}

/* Hover Effect for Button */
.box-account button[type="submit"]:hover {
    box-shadow: 0 0 20px rgba(232, 255, 4, 0.6) !important;
    transform: scale(1.02);
}

/* --- 4. Text & Links (Force White) --- */
.box-account label,
.box-account span,
.box-account p,
.box-account a {
    color: #ffffff !important;
}

/* "Forgotten Password" Link Hover */
.box-account a:hover {
    color: #e8ff04 !important; /* Turns Neon Lime on hover */
    text-decoration: none !important;
}

/* --- Fix Hidden Password "Eye" Icon --- */

/* 1. Target common eye icon classes */
.box-account .show-password-input,
.box-account .fa-eye,
.box-account .fa-eye-slash,
.register-form .show-password-input,
.register-form .fa-eye,
.register-form .fa-eye-slash {
    color: #ffffff !important; /* Force Icon White */
    opacity: 1 !important;     /* Ensure it's not transparent */
    cursor: pointer !important;
}

/* 2. If the icon uses an SVG (Graphic), fill it white */
.box-account .show-password-input svg,
.register-form .show-password-input svg {
    fill: #ffffff !important;
}

/* 3. (Optional) Make it Neon Lime on Hover */
.box-account .show-password-input:hover,
.register-form .show-password-input:hover {
    color: #e8ff04 !important;
}/* End custom CSS */