.bg-login {
    background: 
        linear-gradient(0deg, rgba(217, 187, 255, 0.66), rgba(217, 187, 255, 0.66)),
        url('../images/bglogin.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 1024px;
    max-width: 1440px;
    border-radius: 16px;
}

.login-form {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 20px;
    gap: 10px;
}

.login-form .header-title{
    font-size: 30px;
    font-weight: 700;
    line-height: 100%;
    color: #000;
}

.login-form .form-label {
    font-size: 17px;
}

.login-form .btn-submit {
    background: linear-gradient(to right, #E83E8C, #6610F2);
    color: #FFFFFF;
    border-radius: 8px;
}

.social-login {
    border: 1px solid #E6E6E6;
    border-radius: 100px;
}

.login-form input:focus {
    outline: none; 
    box-shadow: none;
    border: 1px solid transparent;
    border-image-source: linear-gradient(90deg, #E83E8C 0%, #6610F2 100%);
    border-image-slice: 1;
    border-radius: 6px; 
}