/* ==========================================================================
   ArenaX Physical & Neon Fluid Animations Stylesheet
   Safe Mode: UTF-8 Encoding | 0% Persian Characters in Comments
   ========================================================================== */

/* High-engagement Football Central Action Button Pulsing */
@keyframes orbPulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 12px rgba(0, 240, 255, 0.2);
    }
    50% {
        transform: scale(1.06);
        box-shadow: 0 0 28px rgba(0, 240, 255, 0.55), 0 0 50px rgba(57, 255, 20, 0.2);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 12px rgba(0, 240, 255, 0.2);
    }
}

.pulse-anim {
    animation: orbPulse 2.4s infinite ease-in-out;
}

/* Fast Fluid SPA Tab Switching Animations */
@keyframes tabFadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tab-section.active {
    animation: tabFadeIn 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* Haptic Action Response Simulation (Flash screen on submit) */
@keyframes actionFlash {
    0% {
        background-color: rgba(0, 240, 255, 0);
    }
    25% {
        background-color: rgba(0, 240, 255, 0.12);
    }
    100% {
        background-color: rgba(0, 240, 255, 0);
    }
}

.flash-trigger {
    animation: actionFlash 0.4s ease-out;
}

/* General Smooth Hover Physics for Cyber Panels */
.pred-btn:active, .action-btn:active, .nav-btn:active {
    transform: scale(0.96);
    transition: transform 0.1s ease;
}