:root { --neon-cyan: #00FFF7; --neural-purple: #8A2BE2; }
        body { background-color: #0A0A0A; color: #E5E7EB; font-family: 'Inter', sans-serif; overflow-x: hidden; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #0A0A0A; }
        ::-webkit-scrollbar-thumb { background: #1A1A1A; border-radius: 10px; border: 1px solid #00FFF7; }

        /* Background Visuals */
        #hero-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; opacity: 0.3; }
        
        .glass-panel {
            background: rgba(26, 26, 26, 0.7);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(0, 255, 247, 0.1);
        }

        .popup-content {
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.popup-content.hidden {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
}
.popup-content:not(.hidden) {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

        .neon-border-hover:hover {
            border-color: var(--neon-cyan);
            box-shadow: 0 0 15px rgba(0, 255, 247, 0.3);
            transform: translateY(-5px);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .btn-cyber {
            position: relative; overflow: hidden; transition: all 0.3s ease;
            clip-path: polygon(10% 0, 100% 0, 100% 70%, 90% 100%, 0 100%, 0 30%);
            display: inline-block;
        }

        .section-divider {
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(0, 255, 247, 0.2), transparent);
            width: 100%;
        }

        /* Animation */
        .reveal { opacity: 0; transform: translateY(30px); transition: all 1s ease-out; }
        .reveal.active { opacity: 1; transform: translateY(0); }
        
        @keyframes pulse-cyan { 0%, 100% { opacity: 0.2; } 50% { opacity: 0.6; } }
        .animate-pulse-slow { animation: pulse-cyan 4s infinite; }

        .image-overlay-glow {
            position: relative;
        }
        .image-overlay-glow::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom, transparent 60%, #0A0A0A);
            pointer-events: none;
        }