a {
    text-decoration:none ; 
}

ol,ul {
    list-style:none ; 
    padding:0px ;
}

.cursor-pointer {
    cursor:pointer ; 
    user-select:none ; 
}

.main-login {
    min-height: 100vh;
    background: url("data:image/svg+xml;utf8, <svg viewBox='0 0 100 100' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'> <path d='M0,0 L100,0 Q120,100 0,100 L0,0 Z' fill='white'/> </svg>") no-repeat center center / cover, crimson;
}

.main-login > div:first-child {
    min-height:100vh ; 
}

    .main-login .box-form-login {
        width: 500px;
        border-radius: 16px;
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
    }

    .main-login .box-form div.title-login-page h2 {
        color: var(--main-color-1);
    }

.box-form div.title-login-page p {
    color: var(--main-color-4);
}

.box-form .btn-submit-form {
    background: linear-gradient(to bottom right, white -30%, var(--main-color-1) 50% );
    outline: none;
    box-shadow: none;
    transition: transform 0.3s ease;
}

    .box-form .btn-submit-form:hover {
        transform: scale(1.03);
    }

.custom-input-login {
    height: 45px;
    outline: none;
    border-color:var(--main-color-4) ; 
    border-radius:12px ; 
}
    .custom-input-login:focus {
        border-color: var(--main-color-1);
        box-shadow: 0 0 0 0.05rem var(--main-color-1);
    }

.box-password-form .show-password {
    top:49px ; 
    right:10px ; 
}

.box-password-form input.is-invalid {
    background-image: none !important;
}

.box-password-form input.is-valid {
    background-image: none !important;
}

.back-form-login {
    width: 40px;
    display: flex;
    justify-content: center;
    height: 40px;
    align-items: center;
    border-radius: 12px;
    background: rgb(238 0 51 / 80%);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    color: white;
    transition: transform 0.3s ease;
}

.back-form-login:hover {
    transform: scale(1.1);
}

.main-register {
    min-height: 100vh;
    background: url("data:image/svg+xml;utf8, <svg viewBox='0 0 100 100' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'> <path d='M0,100 L100,150 Q150,20 0,0 L0,100 Z' fill='white'/> </svg>") no-repeat center center / cover, crimson;
}

    .main-register > div:first-child {
        min-height: 100vh;
    }

    .main-register .box-form-register {
        width: 600px;
        margin: 140px;
        border-radius: 16px;
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        background: rgb(255 255 255 / 80%);
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    }

@media (max-width: 768px) {
    .main-register .box-form-register {
        width:100%; 
        box-shadow:none; 
        margin-top:85px; 
    }

    .main-login .box-form-login {
        width: 100%;
        margin-top: 85px;
        background: rgb(255 255 255 / 80%);
    }

    .main-login *, .main-register * {
        font-size:13px; 
    }
    
    .box-form div.title-login-page h2 {
       font-size:20px; 
    }
}