.gold-text {
    color: #ffffff; /* Màu vàng đậm */
    font-weight: bold;
    font-size: 2em; /* Tùy chỉnh kích thước chữ */
    animation: sparkle 2s infinite;
}

@keyframes sparkle {
    0% {
        text-shadow: 0 0 5px #FFD700, 0 0 10px #FFD700, 0 0 20px #FFD700, 0 0 30px #FFD700;
    }

    50% {
        text-shadow: 0 0 10px #FFFF00, 0 0 20px #FFFF00, 0 0 30px #FFFF00, 0 0 40px #FFFF00;
    }

    100% {
        text-shadow: 0 0 5px #FFD700, 0 0 10px #FFD700, 0 0 20px #FFD700, 0 0 30px #FFD700;
    }
}
.firework {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: transparent;
    animation: explode 1s ease-out forwards;
}

@keyframes explode {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    100% {
        transform: scale(10);
        opacity: 0;
    }
}

/* CSS cho modal */
.modal-content {
    background-color: #ffcccc;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}