/* Start custom CSS for shortcode, class: .elementor-element-90df947 *//* ==========================
   PROFESSIONAL LOGIN PAGE
   FORM ID 93 ONLY
========================== */

.hm-login-page{
    min-height:100vh;
    background:#f8f9fc;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 20px;
}

.hm-login-container{
    width:100%;
    max-width:1200px;
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    display:flex;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.hm-login-left{
    width:50%;
    background:linear-gradient(135deg,#E46495,#f08cb2);
    color:#fff;
    padding:70px;
    display:flex;
    align-items:center;
}

.hm-brand h1{
    font-size:48px;
    font-weight:700;
    margin-bottom:20px;
    line-height:1.2;
}

.hm-brand p{
    font-size:18px;
    line-height:1.8;
    opacity:.95;
}

.hm-brand img{
    max-width:180px;
    margin-bottom:30px;
}

.hm-login-right{
    width:50%;
    padding:60px;
    display:flex;
    align-items:center;
}

/* Ultimate Member Form */
.um.um-login{
    width:100% !important;
    max-width:100% !important;
}

.um-form{
    width:100% !important;
}

.um-field-label label{
    font-weight:600 !important;
    color:#222 !important;
    font-size:14px !important;
}

.um-form input[type=text],
.um-form input[type=password],
.um-form input[type=email]{
    height:56px !important;
    border:1px solid #e4e6eb !important;
    border-radius:14px !important;
    background:#fff !important;
    padding:0 18px !important;
    font-size:15px !important;
    transition:.3s ease;
}

.um-form input:focus{
    border-color:#E46495 !important;
    box-shadow:0 0 0 4px rgba(228,100,149,.15) !important;
}

/* Login Button */
.um input[type=submit].um-button,
.um .um-button{
    height:56px !important;
    background:#E46495 !important;
    border:none !important;
    border-radius:14px !important;
    font-size:16px !important;
    font-weight:600 !important;
    width:100% !important;
    transition:.3s ease;
}

.um input[type=submit].um-button:hover,
.um .um-button:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(228,100,149,.35);
}

/* Secondary Buttons */
.um .um-button.um-alt{
    background:#f5f6f8 !important;
    color:#333 !important;
    border-radius:14px !important;
}

/* Links */
.um a{
    color:#E46495 !important;
    font-weight:500;
}

.um a:hover{
    opacity:.8;
}

/* Remember Me */
.um-field-checkbox-option{
    font-size:14px;
}

/* Social Login Buttons */
.nsl-container-buttons a{
    border-radius:14px !important;
    overflow:hidden;
}

/* Divider */
.hm-login-right .um-col-alt{
    margin-top:20px;
}

/* Clean Form Width */
.um-login .um-col-alt,
.um-login .um-col-main{
    width:100% !important;
}

/* Remove Extra Borders */
.um{
    border:none !important;
}

/* Card Animation */
.hm-login-container{
    animation:fadeUp .5s ease;
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(30px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@media(max-width:1024px){

.hm-login-container{
    flex-direction:column;
}

.hm-login-left,
.hm-login-right{
    width:100%;
}

.hm-login-left{
    padding:50px;
    text-align:center;
}

.hm-brand h1{
    font-size:38px;
}

}

@media(max-width:768px){

.hm-login-page{
    padding:20px;
}

.hm-login-container{
    border-radius:20px;
}

.hm-login-left{
    padding:35px 25px;
}

.hm-login-right{
    padding:35px 25px;
}

.hm-brand h1{
    font-size:30px;
}

.hm-brand p{
    font-size:15px;
}

.um-form input[type=text],
.um-form input[type=password],
.um-form input[type=email],
.um input[type=submit].um-button{
    height:52px !important;
}

}/* End custom CSS */