.elementor-164 .elementor-element.elementor-element-4c23dc81{--display:flex;}.elementor-164 .elementor-element.elementor-element-2426029{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-164 .elementor-element.elementor-element-2426029:not(.elementor-motion-effects-element-type-background), .elementor-164 .elementor-element.elementor-element-2426029 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A192F;}/* Start custom CSS for shortcode, class: .elementor-element-ed3e252 *//* 1. Remove the default UM styling and white background */
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-8.um-login {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px !important;
    padding: 40px !important;
    max-width: 450px !important;
    margin: 50px auto !important;
    box-shadow: 0 30px 60px rgba(0,0,0,0.4) !important;
}

/* 2. Style the Profile Picture / Icon */
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-bottom: 15px !important;
}

.elementor-164 .elementor-element.elementor-element-ed3e252 .um-profile-photo {
    border: 3px solid #00FFCC !important; /* Profit Green Glow */
    box-shadow: 0 0 15px rgba(0, 255, 204, 0.3);
}

/* 3. Style Labels and Input Text */
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-field-label {
    color: rgba(255, 255, 255, 0.7) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.elementor-164 .elementor-element.elementor-element-ed3e252 .um-form input[type=text], 
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-form input[type=password] {
    background: rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    padding: 12px !important;
    transition: all 0.3s ease;
}

/* 4. Focus Glow on Input */
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-form input:focus {
    border-color: #00FFCC !important;
    box-shadow: 0 0 15px rgba(0, 255, 204, 0.2) !important;
}

/* 5. The Main Login Button (Gradient) */
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-button {
    background: linear-gradient(90deg, #00FFCC, #00A3FF) !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    padding: 15px !important;
    box-shadow: 0 5px 15px rgba(0, 255, 204, 0.2) !important;
}
/* 1. Fix the Name and "Your Account/Logout" Links */
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-name {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}

.elementor-164 .elementor-element.elementor-element-ed3e252 .um-profile-nav-item a, 
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-meta-text,
.elementor-164 .elementor-element.elementor-element-ed3e252 .um li a {
    color: rgba(255, 255, 255, 0.7) !important; /* Muted White instead of Red */
    text-decoration: none !important;
    font-size: 14px !important;
    transition: all 0.3s ease;
}

/* 2. Hover effect for the links */
.elementor-164 .elementor-element.elementor-element-ed3e252 .um li a:hover {
    color: #00FFCC !important; /* Glows Green on hover */
    padding-left: 5px;
}

/* 3. Style the Divider Line */
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 4. Center the Content Better */
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-profile-photo {
    border: 3px solid #00FFCC !important;
    box-shadow: 0 0 20px rgba(0, 255, 204, 0.2);
}
/* 1. Darken Input Fields (High-End Look) */
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-form input[type=text], 
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-form input[type=password],
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-form input[type=email] {
    background: rgba(255, 255, 255, 0.08) !important; /* Semi-transparent */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important; /* White text inside */
    padding: 15px !important;
    border-radius: 10px !important;
}

/* 2. Fix the "Register" Button Text Color */
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-button.um-alt, 
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-button.um-button-secondary {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important; /* Makes 'REGISTER' white */
    border: 1px solid rgba(0, 255, 204, 0.3) !important;
}

/* 3. Style the "Keep me signed in" text */
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-field-checkbox-state i,
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-field-checkbox-option {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 13px !important;
}

/* 4. Improve "Forgot your password?" Link */
.elementor-164 .elementor-element.elementor-element-ed3e252 .um-link-alt {
    color: rgba(255, 255, 255, 0.4) !important;
    text-transform: uppercase;
    font-size: 11px !important;
    letter-spacing: 1px;
    transition: 0.3s;
}

.elementor-164 .elementor-element.elementor-element-ed3e252 .um-link-alt:hover {
    color: #00FFCC !important;
}/* End custom CSS */