/* ==========================================================================
   ALPHADEFEND SECURITY - THEME & CUSTOM STYLES (extraido de index.html)
   ========================================================================== */

/* Custom Futuristic & Glassmorphism styles */
        :root {
            --neon-purple: #8b5cf6;
            --neon-glow: rgba(139, 92, 246, 0.4);
            --neon-cyan: #06b6d4;
        }
        body {
            background-color: #05050a;
            color: #e2e8f0;
            font-family: 'Space Grotesk', sans-serif;
            overflow-x: hidden;
        }
        .font-mono-code {
            font-family: 'JetBrains Mono', monospace;
        }
        /* Custom Glassmorphism */
        .glass-panel {
            background: rgba(18, 18, 36, 0.65);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(139, 92, 246, 0.18);
        }
        .glass-panel-hover {
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .glass-panel-hover:hover {
            background: rgba(24, 24, 48, 0.85);
            border-color: rgba(139, 92, 246, 0.55);
            box-shadow: 0 0 30px rgba(124, 58, 237, 0.25), inset 0 0 15px rgba(139, 92, 246, 0.1);
            transform: translateY(-4px);
        }
        .glass-nav {
            background: rgba(5, 5, 10, 0.85);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(124, 58, 237, 0.2);
        }
        /* Neon Glow Effects */
        .neon-border-purple {
            box-shadow: 0 0 20px rgba(124, 58, 237, 0.35);
        }
        .neon-text-glow {
            text-shadow: 0 0 12px rgba(139, 92, 246, 0.7), 0 0 25px rgba(124, 58, 237, 0.4);
        }
        .neon-cyan-glow {
            text-shadow: 0 0 12px rgba(6, 182, 212, 0.7);
        }
        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #05050a;
        }
        ::-webkit-scrollbar-thumb {
            background: #2a2254;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #7c3aed;
        }
        /* Grid Background Pattern */
        .cyber-grid {
            background-size: 40px 40px;
            background-image:
                linear-gradient(to right, rgba(124, 58, 237, 0.05) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(124, 58, 237, 0.05) 1px, transparent 1px);
        }
        /* Radar Sweep Animation */
        .radar-sweep-beam {
            background: conic-gradient(from 0deg, transparent 0deg, transparent 270deg, rgba(139, 92, 246, 0.3) 340deg, rgba(6, 182, 212, 0.8) 360deg);
        }