/* --- Highly Sophisticated Neon Animations --- */

/* 1. Floating Logo Effect */
@keyframes float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    33% { transform: translateY(-15px) rotate(1deg); }
    66% { transform: translateY(-5px) rotate(-1deg); }
}


/* --- Floating Logo Effect Removed for Static Banner Style --- */
@keyframes float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    33% { transform: translateY(-15px) rotate(1deg); }
    66% { transform: translateY(-5px) rotate(-1deg); }
}

/* 
.landing-logo {
    animation: float 6s ease-in-out infinite;
}
*/

/* 2. Fade In Scale for Content */
@keyframes fadeInScale {
    0% { opacity: 0; transform: scale(0.95) translateY(20px); filter: blur(10px); }
    100% { opacity: 1; transform: scale(1) translateY(0); filter: blur(0); }
}

/* 3. Modal Slide Up with Elasticity */
@keyframes modalSlideUp {
    0% { transform: translateY(100px); opacity: 0; filter: blur(20px); }
    60% { transform: translateY(-10px); opacity: 1; filter: blur(0); }
    100% { transform: translateY(0); opacity: 1; }
}

.modal-overlay.active .modal-content {
    animation: modalSlideUp 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 4. Pulse Icon Glow */
@keyframes pulse {
    0% { opacity: 0.4; box-shadow: 0 0 5px var(--glow-cyan); }
    50% { opacity: 1; box-shadow: 0 0 20px var(--accent-cyan); }
    100% { opacity: 0.4; box-shadow: 0 0 5px var(--glow-cyan); }
}

/* 5. Sidebar Entrance */
@keyframes sidebarSlide {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(0); }
}

.sidebar {
    animation: sidebarSlide 0.8s cubic-bezier(0.85, 0, 0.15, 1);
}

/* 6. Neon Text Flicker */
@keyframes flicker {
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
        text-shadow: 0 0 10px var(--glow-cyan), 0 0 20px var(--glow-cyan);
    }
    20%, 22%, 24%, 55% {
        text-shadow: none;
        opacity: 0.8;
    }
}

.neon-text-lg {
    animation: flicker 4s infinite alternate;
}

/* 7. Button Hover Pulse */
.btn-neon-open:hover::before {
    content: '';
    position: absolute;
    inset: -5px;
    background: var(--accent-cyan);
    filter: blur(15px);
    z-index: -1;
    opacity: 0.3;
    animation: pulse 1s infinite;
}

/* 8. Grid Item Entrance Sequence */
.feature-card {
    opacity: 0;
    animation: fadeInScale 0.5s ease forwards;
}

.feature-card:nth-child(1) { animation-delay: 0.1s; }
.feature-card:nth-child(2) { animation-delay: 0.2s; }
.feature-card:nth-child(3) { animation-delay: 0.3s; }
.feature-card:nth-child(4) { animation-delay: 0.4s; }
.feature-card:nth-child(5) { animation-delay: 0.5s; }
.feature-card:nth-child(6) { animation-delay: 0.6s; }