body {
    background-color: #171a2d; /* Dark background */
    color: #fff!important; /* White text color */
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: none;
}
input::placeholder {
    color: #ffffff !important;
}
main {
    display: flex;
    align-items: center;
    justify-content: center;
}
#wrapper{
    background: unset;
    color: #fff!important; /* White text color */
    padding-top: 0px;
}
.login-container {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-card {
    width: 100%;
    max-width: 408px;
}
.login-card .brand-logo img {
    max-width: 100%;
}

.login-card .input-group {
    background: #6A6C7B;
    border-radius: 5px;
    height: 51px;
    align-items: center;
    padding: 0 16px;
}

.login-card .brand-logo {
    margin-bottom: 49px;
}

.login-card .form-control {
    border: none;
    color: #fff;
    background: transparent;
}

.login-card .form-control:focus {
    background-color: transparent;
    border-color: #F03A17;
    box-shadow: none;
}

.btn-login {
    background-color: #F03A17;
    border: none;
    border-radius: 5px;
    padding: 10px;
}

.btn-login:hover {
    background-color: #d83212;
}

.form-check-label {
    color: #fff;
}