:root {
  --color-cyber-bg: #050811;
  --color-cyber-card: #0a0f1d;
  --color-cyber-cardLight: #11182c;
  --color-cyber-sidebar: #0a0f1d;
  --color-cyber-border: #1b2744;
  --color-cyber-borderLight: #2a3b66;
}

body {
            background-color: #050811;
            color: #e2e8f0;
            font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            margin: 0;
            padding: 0;
            overflow-x: hidden;
            min-height: 100vh;
        }

        /* Glassmorphism */
        .glass-card {
            background: rgba(10, 15, 29, 0.82);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(42, 59, 102, 0.55);
        }

        .glass-input {
            background: rgba(17, 24, 44, 0.75);
            border: 1px solid rgba(27, 39, 68, 0.9);
            transition: all 0.25s ease-in-out;
        }
        .glass-input:focus {
            border-color: #00f2fe;
            box-shadow: 0 0 15px rgba(0, 242, 254, 0.25);
            background: rgba(19, 29, 51, 0.95);
        }

        /* Cyber Glows */
        .glow-cyan-btn {
            box-shadow: 0 0 25px rgba(0, 242, 254, 0.35);
        }
        .glow-cyan-btn:hover {
            box-shadow: 0 0 35px rgba(0, 242, 254, 0.6);
        }

        /* Animated Cyber Grid Background */
        .cyber-grid {
            background-size: 40px 40px;
            background-image: 
                linear-gradient(to right, rgba(27, 39, 68, 0.25) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(27, 39, 68, 0.25) 1px, transparent 1px);
        }

        /* Radial ambient light */
        .ambient-glow {
            background: radial-gradient(circle at 50% 30%, rgba(0, 242, 254, 0.08) 0%, rgba(168, 85, 247, 0.04) 45%, transparent 70%);
        }

        /* Scanline animation */
        .scanlines {
            background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.35) 50%), 
                        linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));
            background-size: 100% 4px, 6px 100%;
        }

        @keyframes pulseGlow {
            0%, 100% { opacity: 0.6; transform: scale(1); }
            50% { opacity: 0.9; transform: scale(1.02); }
        }
        .pulse-ambient {
            animation: pulseGlow 6s ease-in-out infinite;
        }