body {
    background: radial-gradient(#0085FF, #003465);
}

@charset "UTF-8";

.authentication-wrapper {
    display: flex;
    min-height: 80vh;
    min-width: 80vw;
    background: radial-gradient(#0085FF, #003465);
    border-radius: 30px;
}
}

    .authentication-wrapper .authentication-inner {
        width: 100%;
    }

.authentication-inner .card {
    backdrop-filter: blur(3px);
    background: #5882c152;
    border-radius: 30px;
    border-color: #5882c1;
}

.authentication-wrapper.authentication-basic {
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .authentication-wrapper.authentication-cover {
        align-items: flex-start;
    }

        .authentication-wrapper.authentication-cover .authentication-inner {
            height: 100vh;
        }

    .authentication-wrapper.authentication-basic .authentication-inner {
        width: 400px;
        position: relative;
    }

        

        

        .authentication-wrapper.authentication-basic .authentication-inner .card {
            z-index: 1;
        }

            .authentication-wrapper.authentication-basic .authentication-inner .card .app-brand {
                margin-bottom: 2rem;
            }

    .authentication-wrapper .auth-input-wrapper .auth-input {
        max-width: 50px;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        font-size: 150%;
    }

@media (max-width: 575.98px) {
    .authentication-wrapper .auth-input-wrapper .auth-input {
        font-size: 1.125rem;
    }
}

.light-style .authentication-wrapper .authentication-bg {
    background-color: #fff;
}




.login-ui {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
}
    .login-ui .shape_nate_1 {
        left: 0;
        top: 60px;
    }
        .login-ui .shape_nate_2 img, .login-ui .shape_nate_1 img {
            width: 474px;
            height: 675px;
            aspect-ratio: auto 474 / 675;
        }

    .login-ui .decoration_item {
        z-index: -1;
        position: absolute;
    }
    .login-ui .shape_nate_2 {
        top: 60px;
        right: -240px;
    }
@media screen and (max-width: 1366px) {
    .login-ui .shape_nate_1 {
        left: -130px;
    }
    .login-ui .shape_nate_2 {
        right: -380px;
    }
}

.log-1 {
    position: absolute;
    width: 240px;
    top:0;
    bottom: 0;
    right: 5%;
    margin:auto;
    mix-blend-mode: luminosity;
}

.log-2 {
    position: absolute;
    width: 120px;
    bottom: 30%;
    left: 30%;
    margin: auto;
    mix-blend-mode: luminosity;
}

.log-3 {
    position: absolute;
    width: 240px;
    bottom: 0;
    left: 5%;
    mix-blend-mode: luminosity;
}

.log-6 {
    position: absolute;
    width: 240px;
    bottom: 0;
    right: 5%;
    mix-blend-mode: luminosity;
}

.authentication-inner .form-label{
    color:#fff;
}

.authentication-inner .app-brand-logo img {
    width: 90px;
}

.login-button {
    background: #003465;
}

@media(max-width:575px){
    .log-6, .log-2{
        display:none;
    }
}