.login-bg {
    background: linear-gradient(135deg, #2A3F54 0%, #34495e 100%);
    min-height: 100vh;
}

.brand-logo {
    color: #4a427c;
    border: 2px solid rgba(106, 90, 205, 0.5);
    padding: 8px 10px;
    border-radius: 50%;
    font-size: 1.2rem;
    margin-right: 10px;
}

.login-input-group .form-control,
.login-input-group .input-group-text,
.login-input-group .btn {
    height: 38px;
    line-height: 1.5;
}

.login-input-group .form-control {
    border-radius: 12px;
}

.login-input-group .input-group-text {
    border-radius: 12px;
}

.login-input-group .btn {
    border-radius: 0 0.375rem 0.375rem 0;
    border-color: rgb(222, 226, 230) !important;
}

.login-input-group .btn:hover {
    background: rgba(0, 0, 0, 0.05) !important;
}

.login-input-group .form-control:focus {
    box-shadow: none;
    border-color: #66768f;
}

.login-input-group .form-control::placeholder {
    padding-left: 8px;
}

.eye-btn {
    border-color: rgb(222, 226, 230) !important;
    color: rgb(222, 226, 230) !important;
}