/* ====== 0061 — CYBER NEON STYLE ====== */

/* Cyber Grid Background */
.cyber-grid {
    background-image:
        linear-gradient(rgba(168,85,247,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(168,85,247,0.05) 1px, transparent 1px);
    background-size: 60px 60px;
    background-position: center center;
}

/* Neon Glow Text */
.neon-text {
    text-shadow: 0 0 10px rgba(168,85,247,0.5), 0 0 20px rgba(168,85,247,0.3), 0 0 40px rgba(168,85,247,0.2);
}

.neon-title {
    text-shadow: 0 0 20px rgba(168,85,247,0.7), 0 0 40px rgba(168,85,247,0.5), 0 0 80px rgba(168,85,247,0.3), 0 0 120px rgba(168,85,247,0.2);
    animation: neonPulse 2s ease-in-out infinite alternate;
}

@keyframes neonPulse {
    0% {
        text-shadow: 0 0 20px rgba(168,85,247,0.7), 0 0 40px rgba(168,85,247,0.5), 0 0 80px rgba(168,85,247,0.3);
    }
    100% {
        text-shadow: 0 0 30px rgba(168,85,247,0.9), 0 0 60px rgba(168,85,247,0.7), 0 0 100px rgba(168,85,247,0.5), 0 0 140px rgba(168,85,247,0.3);
    }
}

/* Neon Card Border with Hover Pulse */
.neon-card {
    box-shadow: 0 0 15px rgba(168,85,247,0.1), inset 0 0 15px rgba(168,85,247,0.02);
}

.neon-card:hover {
    border-color: rgba(168,85,247,0.6) !important;
    box-shadow: 0 0 30px rgba(168,85,247,0.2), 0 0 60px rgba(168,85,247,0.1), inset 0 0 30px rgba(168,85,247,0.05);
}

.neon-card:hover .neon-card-icon {
    animation: iconPulse 1s ease-in-out infinite;
}

@keyframes iconPulse {
    0%, 100% { box-shadow: 0 0 5px rgba(168,85,247,0.5); }
    50% { box-shadow: 0 0 20px rgba(168,85,247,0.8), 0 0 40px rgba(168,85,247,0.4); }
}

/* FAQ Number Glow */
.faq-item .faq-num {
    transition: all 0.3s ease;
}

.faq-item.active .faq-num {
    color: rgba(168,85,247,1) !important;
    text-shadow: 0 0 10px rgba(168,85,247,0.6), 0 0 20px rgba(168,85,247,0.4);
}

.faq-item.active {
    border-color: rgba(168,85,247,0.5) !important;
    box-shadow: 0 0 20px rgba(168,85,247,0.1);
}

.faq-toggle .fa-plus {
    transition: transform 0.3s ease;
}

.faq-item.active .faq-toggle .fa-plus {
    transform: rotate(45deg);
}

.faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
}

.faq-content.show {
    max-height: 300px;
}

/* Stat Number Electronic Counter Style */
.stat-number {
    font-variant-numeric: tabular-nums;
    font-family: 'Courier New', 'Consolas', monospace;
    text-shadow: 0 0 10px rgba(168,85,247,0.4);
    letter-spacing: 2px;
}

/* Particle Canvas */
#particles {
    pointer-events: none;
}

/* Navbar Scroll Effect */
#navbar.scrolled {
    background: rgba(15,15,35,0.95);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(168,85,247,0.1);
    box-shadow: 0 4px 30px rgba(0,0,0,0.3);
}

/* Section Dividers */
section {
    position: relative;
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0f0f23;
}
::-webkit-scrollbar-thumb {
    background: #a855f7;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #9333ea;
}