.animated {
    transition: all 0.3s ease;
}

/* Fade in animation */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1.3s ease-out, transform 1.3s ease-out;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Card hover effects */
.card.blog {
    transition: transform 1.3s ease, box-shadow 1.3s ease;
}

.card.blog:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2) !important;
}

/* Image zoom effect */
.card-img img {
    transition: transform 1.3s ease;
}

.card-img:hover img {
    transform: scale(1.05);
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}