.login .card, .login input {
    color: #fff !important;
    border: 1px solid #fff !important;
    background: #3b93e4 !important;
 }

 .login input:focus {
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 28%);
 }

 .login ::placeholder {
    color: #fff;
    opacity: 1; /* Firefox */
}

.login :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.login ::-ms-input-placeholder { /* Microsoft Edge */
 color: #fff;
}

.login button, .login button:focus, .login button:hover {
    background: #FFFC00 !important;
    border: 1px solid #FFFC00 !important;
    color: #000 !important;
}
.login button:focus {
    box-shadow: 0 0 0 0.25rem rgb(255 252 0 / 24%) !important;
}

.login .input-group-addon {
    padding: 7px 9px;
    border: 1px solid #fff;
    border-left-style: none !important;
    border-radius: 0.375rem;
}

.login #password, .login #password-confirm {
    border-right-style: none !important;
    clip-path: inset(-5px 0px -5px -5px);
}

.login #password:focus-within + .input-group-addon {
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 28%);
}

.login #password-confirm:focus-within + .input-group-addon {
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 28%);
}