.confetti-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 95; /* Di atas konten, di bawah popup/navbar */

    /* KUNCI UTAMA: Agar tidak menghalangi klik pada elemen di belakangnya */
    pointer-events: none;

    /* Kondisi awal: tersembunyi di bawah layar */
    opacity: 0;
    transform: translateY(100%);
    visibility: hidden;

    /* Atur animasi saat muncul */
    transition: opacity 0.3s ease, transform 0.5s ease, visibility 0.5s;
}

/* Kelas untuk memunculkan konfeti */
.confetti-container.visible {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}