/* Custom beam animation timing - repeat every 2.5 seconds */
.animate-beam-spin {
    animation: beam-spin 2.5s linear infinite !important;
}

.dark\:animate-landing-hero-beam-line {
    animation: landing-hero-beam-line 2.5s ease-in-out infinite !important;
}

.dark\:animate-landing-hero-beam-glow {
    animation: landing-hero-beam-glow 2.5s ease-in-out infinite !important;
}

.animate-landing-hero-beam-bottom {
    animation: landing-hero-beam-bottom 2.5s ease-in-out infinite !important;
}

/* Keyframes for faster repetition */
@keyframes beam-spin {
    0% { transform: translateX(-45px) translateY(-190px) translateZ(0) rotate(360deg); }
    100% { transform: translateX(-45px) translateY(-190px) translateZ(0) rotate(0deg); }
}

/* Staggered beam animations for more dynamic effect */
.animate-beam-spin:nth-child(1) { animation-delay: 0s; }
.animate-beam-spin:nth-child(2) { animation-delay: 0.5s; }
.animate-beam-spin:nth-child(3) { animation-delay: 1s; }
.animate-beam-spin:nth-child(4) { animation-delay: 1.5s; }

@keyframes landing-hero-beam-line {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 1; }
}

@keyframes landing-hero-beam-glow {
    0%, 100% { opacity: 0.2; }
    50% { opacity: 0.8; }
}

@keyframes landing-hero-beam-bottom {
    0%, 100% { transform: scaleX(0.8); opacity: 0.3; }
    50% { transform: scaleX(1); opacity: 1; }
}

/* Grayscale base beam that's always visible */
@keyframes beam-grayscale-base {
    0%, 100% { opacity: 0.4; filter: grayscale(100%); }
    50% { opacity: 0.6; filter: grayscale(80%); }
}

/* Blue pulsating overlay beam */
@keyframes beam-blue-pulse {
    0%, 100% { opacity: 0; filter: grayscale(0%); }
    50% { opacity: 1; filter: grayscale(0%); }
}

/* Custom backdrop blur for glassmorphism effect */
.backdrop-blur-\[3px\], .backdrop-blur-\[6px\], .backdrop-blur-sm, .backdrop-blur-xl {
    backdrop-filter: blur(3px);
    background: #000000AA;
}