* { cursor: crosshair; }
        body, html { margin: 0; padding: 0; overflow-x: hidden; scroll-behavior: smooth; background: #0A0A0A; }
        
        .hero-gradient {
            background: radial-gradient(circle at 50% 50%, rgba(0, 195, 255, 0.1) 0%, rgba(10, 10, 10, 1) 100%);
        }

        .glass {
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .product-card {
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        }
        .product-card:hover {
            transform: translateY(-15px);
            border-color: #00C3FF;
            box-shadow: 0 0 40px rgba(0, 195, 255, 0.15);
        }

        .nav-link::after {
            content: '';
            position: absolute;
            width: 0; height: 2px;
            bottom: -4px; left: 0;
            background: #00C3FF;
            transition: width 0.3s;
        }
        .nav-link:hover::after { width: 100%; }

        @keyframes scan {
            0% { transform: translateY(-100%); }
            100% { transform: translateY(100%); }
        }
        .scanner::after {
            content: "";
            position: absolute;
            top: 0; left: 0; right: 0; height: 2px;
            background: #00C3FF;
            box-shadow: 0 0 15px #00C3FF;
            animation: scan 3s linear infinite;
        }

        #game-canvas {
            border: 2px solid rgba(0, 195, 255, 0.3);
            border-radius: 24px;
            background: #000;
        }

        .text-glow { text-shadow: 0 0 20px rgba(0, 195, 255, 0.5); }