/* Responsive Badge */
@media (max-width: 576px) {
    .badge {
        font-size: 0.7rem;
    }

    .card-title {
        font-size: 1.1rem;
    }

    .card-text small {
        font-size: 0.8rem;
    }
}

/* Animation for cards on load */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}