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

#login-container {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: background 0.3s ease;
}

.card {
    border: none;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}

.card-header h2 {
    font-weight: 700;
}

.btn-primary {
    background-color: #6658d3;
    border: none;
    transition: background-color 0.3s ease;
}

.btn-primary:hover {
    background-color: #5145b3;
}

.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(102, 88, 211, 0.25);
    border-color: #8a7ff0;
}