body {
    background-size: cover !important;
    min-height: 100% !important;
    background: repeating-linear-gradient( 10deg, rgb(43 103 119), rgb(43 103 119 / 0.25), rgb(43 103 119) 100% ) !important;
    min-height: -webkit-fill-available !important;
}

.register .fas, .login .fas {
    color: #4d61fc;
    font-size: 30px;
    margin-bottom: 5px;
}

.register .form .form-row .fas, .login .form .form-row .fas {
    position: absolute;
    right: 5px;
    top: 10px;
    color: #696687;
    opacity: .3;
}

.register .form .form-row.button-login .fas,
.login .form .form-row.button-login .fas {
    position: static;
}

.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.register .fas,
.login .fas {
    font-size: 25px;
}

.register .form .form-label,
.login .form .form-label {
    color: #696687;
    font-size: 17px;
    opacity: 0.7;
}

.register .form-password,
.register .form-text,
.login .form-password,
.login .form-text {
    color: #696687;
    font-size: 18px;
    border: 0;
    height: 40px;
    margin-bottom: 20px;
    padding: 0 40px 0 0px;
    width: 100%;
    background: white no-repeat;
    transition: 100ms all linear 0s;
    background-image: linear-gradient( to bottom, #2b677730 0%, #4196ad 90% ), linear-gradient(to bottom, #e1e1e1, #e1e1e1);
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
}

    .register .form-password:focus,
    .register .form-text:focus,
    .login .form-password:focus,
    .login .form-text:focus {
        outline: 0;
        background-size: 100% 2px, 100% 1px;
        outline: none;
        box-shadow: none;
    }

.register .form .form-row .fas, .login .form .form-row .fas {
    position: absolute;
    right: 5px;
    top: 10px;
    color: #696687;
    opacity: .3;
}

.btn .login-btn-text {
    font-size: clamp(.85rem, 4vw, 1.25rem) !important;
    line-height: 1 !important;
}

.btn i.bi {
    font-size: clamp(1.5rem, 6vw, 1.5rem) !important;
}

.login-card {
    padding-left: clamp(0.5rem, 4vw, 3rem);
    padding-right: clamp(0.5rem, 4vw, 3rem);
}