body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background: #f8f9fa;
}

/* Animasi hover */
.nav-link, .btn, .card {
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

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

.btn-primary:hover {
    background: #0b5ed7;
    transform: scale(1.02);
}

/* Loading spinner */
.spinner-border {
    width: 1.5rem;
    height: 1.5rem;
}

/* Responsif */
@media (max-width: 768px) {
    .navbar form {
        width: 100% !important;
        margin: 10px 0;
    }
}

.card img {
    transition: transform 0.3s ease;
}
.card:hover img {
    transform: scale(1.1);
}