.login-modern-inner {
    padding: 10px 6px 0 6px;
}

#form_login {
    background: rgba(255,255,255,0.88) !important;
    border: 1px solid #e8e1f7 !important;
    /*border-radius: 22px !important;*/
    box-shadow: 0 20px 40px rgba(83, 33, 145, 0.10) !important;
    backdrop-filter: blur(10px);
    overflow: hidden;
}

#form_login .panel,
#form_login .panel-body,
#form_login .panel-heading {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#form_login .panel-heading {
    display: none !important;
}

.login-modern-header {
    text-align: center;
    padding: 8px 4px 18px 4px;
}

.login-modern-logo {
    width: 88px;
    height: 88px;
    margin: 0 auto 14px auto;
    border-radius: 20px;
    background-color: #ffffff;
    box-shadow: 0 10px 25px rgba(105, 52, 177, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    color: #6a11cb;
}

.login-modern-title-wrap h1 {
    margin: 0;
    font-size: 34px;
    font-weight: 800;
    color: #3d2178;
    letter-spacing: -0.8px;
}

.login-modern-title-wrap p {
    margin: 8px 0 0 0;
    font-size: 15px;
    color: #7d7699;
}

.login-field-row {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    background: #fff;
    border: 1px solid #ddd9f0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(89, 53, 161, 0.05);
    transition: all 0.25s ease;
}

.login-field-row:focus-within {
    border-color: #8b5cf6;
    box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.12);
}

.login-avatar {
    width: 52px;
    min-width: 52px;
    height: 52px;
    display: flex;
    align-items: left;
    justify-content: left;
    color: #5500ac;
    font-size: 18px;
}

.login-field-row input,
.login-field-row select {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    height: 52px !important;
    font-size: 16px !important;
    color: #3f3566 !important;
    padding-left: 4px !important;
}

.login-field-row input::placeholder {
    color: #938aac;
}





.login-extra-links {
    text-align: center;
    margin-top: 18px;
}

.login-extra-links a {
    color: #7a58c5 !important;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 500;
}

.login-extra-links a:hover {
    color: #5a33bb !important;
    text-decoration: underline !important;
}

.login-footer-note {
    text-align: center;
    margin-top: 16px;
    color: #928cab;
    font-size: 13px;
}

.div-recaptcha {
    margin-top: 8px;
    margin-bottom: 14px;
}

@media (max-width: 576px) {
    .login-modern-title-wrap h1 {
        font-size: 28px;
    }

    .login-modern-logo {
        width: 76px;
        height: 76px;
    }

    .login-field-row input,
    .login-field-row select {
        height: 48px !important;
        font-size: 15px !important;
    }

   
}