/* Animations */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.fade-in-down {
    animation: fadeInDown 0.8s ease-out both;
}

.slide-up {
    animation: slideUp 0.8s ease-out both;
}

/* Feature Cards Hover Effect */
.feature-card {
    transition: all 0.3s ease;
}

.feature-card:hover {
    background-color: #fef2f2;
    border-color: #fee2e2;
    transform: translateY(-2px);
}

/* Aspect Ratio for Images */
.aspect-square {
    aspect-ratio: 1 / 1;
}