body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fc;
}

.login-background {
    background-size: cover;
    background-position: center;
}

.login-form-wrapper {
    max-width: 450px;
    margin: 0 auto;
}

.form-control:focus, .btn:focus {
    box-shadow: 0 0 0 0.25rem rgba(78, 115, 223, 0.25);
    border-color: #bac8f3;
}

.btn-primary {
    background-color: #4e73df;
    border-color: #4e73df;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #2e59d9;
    border-color: #2653d4;
}

.text-primary {
    color: #4e73df !important;
}

.bg-primary {
    background-color: #4e73df !important;
}

.form-check-input:checked {
    background-color: #4e73df;
    border-color: #4e73df;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    .vh-100 {
        height: auto !important;
    }
}

.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}