/* Animations CSS */

.glow-text {
    animation: glow 3s ease-in-out infinite alternate;
}

@keyframes glow {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073;
    }

    to {
        text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6;
    }
}

.floating {
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
    }
}

.shimmer {
    background: linear-gradient(to right, #2d000d 0%, #700020 50%, #2d000d 100%);
    background-size: 200% auto;
    animation: shimmer-bg 5s linear infinite;
}

@keyframes shimmer-bg {
    to {
        background-position: 200% center;
    }
}

/* Particles logic is handled in JS/Canvas, but we can add pure CSS particles here if needed */