@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInLeft {
    from { opacity: 0; transform: translateX(-30px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes fadeInRight {
    from { opacity: 0; transform: translateX(30px); }
    to { opacity: 1; transform: translateX(0); }
}

.animate-fade-in-up {
    animation: fadeInUp 1s ease-out forwards;
}

.animate-fade-in-left {
    animation: fadeInLeft 1s ease-out forwards;
    opacity: 0;
    animation-delay: 0.3s;
}

.animate-fade-in-right {
    animation: fadeInRight 1s ease-out forwards;
    opacity: 0;
    animation-delay: 0.6s;
}

/* S'assure que les clics passent à travers le canvas de confettis */
#confetti-canvas {
    pointer-events: none;
}