/* Custom transitions and animations */
.nav {
    backdrop-filter: blur(5px);
}

/* Custom hover effects */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
}

.btn {
    transition: all 0.3s ease;
}

.btn:hover {
    transform: translateY(-2px);
}

/* Blog card image hover effect */
.blog-card img {
    transition: transform 0.3s ease;
}

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

/* Modal specific styles */
.modal {
    display: none;
}

.modal.hidden {
    display: none;
}

.modal:not(.hidden) {
    display: block;
}

.modal-content {
    transform: scale(0.95);
    transition: transform 0.3s ease-in-out;
}

.modal:not(.hidden) .modal-content {
    transform: scale(1);
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}