body {
    background-color: #f0f2f5;
    font-family: 'Segoe UI', Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #333;
}

.transition-hover {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.transition-hover:hover {
    transform: translateY(-10px);
    box-shadow: 0 1rem 3rem rgba(0,0,0,.1) !important;
}

.card {
    border-radius: 1rem;
    overflow: hidden;
}

.navbar {
    background: linear-gradient(90deg, #0d6efd 0%, #0043a8 100%) !important;
}

.navbar-brand {
    font-weight: 700;
    letter-spacing: 0.5px;
}

.btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-primary:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

.form-control, .form-select {
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
}

.animate-fade-in {
    animation: fadeIn 0.6s ease-out forwards;
    opacity: 0;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}