body {
    background-color: #1a2035;
    color: #fff;
    height: 100vh;
    display: flex;
    align-items: center;
}

.card-login {
    border: 0;
    border-radius: 15px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.43);
    overflow: hidden;
}

.card-login .card-header {
    background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%);
    padding: 2rem;
    border-bottom: 0;
}

.card-login .card-header .logo-container {
    text-align: center;
}

.card-login .card-header img {
    height: 70px;
}

.card-login .card-body {
    padding: 2rem;
    background-color: #272d47;
}

.card-login .form-control {
    background-color: #2f3654;
    border: 1px solid #434a6a;
    color: #fff;
    height: calc(2.25rem + 10px);
}

.card-login .form-control:focus {
    background-color: #2f3654;
    border-color: #5e72e4;
    color: #fff;
    box-shadow: none;
}

.card-login .input-group-text {
    background-color: #2f3654;
    border: 1px solid #434a6a;
    color: #fff;
}

.card-login .btn-round {
    border-radius: 30px;
    padding: 12px 24px;
}

.card-login .form-check-label {
    color: #adb5bd;
}

.card-login .login-account .msg {
    color: #adb5bd;
}

.card-login .login-account .link {
    color: #5e72e4;
    text-decoration: none;
}

.card-login .login-account .link:hover {
    color: #3a4bd9;
}

.text-light {
    color: #adb5bd !important;
}

.text-light:hover {
    color: #fff !important;
    text-decoration: none;
}