@keyframes neon-pulse {

    0%,
    100% {
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #00ffff,
            0 0 35px #00ffff, 0 0 40px #00ffff, 0 0 50px #00ffff, 0 0 75px #00ffff;
    }

    50% {
        text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 7px #fff, 0 0 10px #00ffff,
            0 0 17px #00ffff, 0 0 20px #00ffff, 0 0 25px #00ffff, 0 0 37px #00ffff;
    }
}

.neon-text {
    animation: neon-pulse 1.5s infinite alternate;
}

.bg-animated {
    background: linear-gradient(-45deg, #ffffff, #f0f0f0, #e0e0e0, #ffffff);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.particle {
    position: absolute;
    border-radius: 50%;
}

@keyframes float-up {
    to {
        transform: translateY(-100vh) rotate(360deg);
        opacity: 0;
    }
}

.hover-3d {
    transition: transform 0.3s;
}

.hover-3d:hover {
    transform: perspective(1000px) rotateX(10deg) rotateY(-10deg) rotateZ(2deg);
}