body {
            background-color: #050505;
            color: #e0e0e0;
            overflow-x: hidden;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: #0a0a0c;
        }

        ::-webkit-scrollbar-thumb {
            background: #b026ff;
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #00f0ff;
        }

        /* Glitch effect for text */
        .glitch-text {
            position: relative;
        }

        .glitch-text::before,
        .glitch-text::after {
            content: attr(data-text);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.8;
        }

        .glitch-text::before {
            left: 2px;
            text-shadow: -2px 0 #ff003c;
            clip: rect(44px, 450px, 56px, 0);
            animation: glitch-anim 5s infinite linear alternate-reverse;
        }

        .glitch-text::after {
            left: -2px;
            text-shadow: -2px 0 #00f0ff;
            clip: rect(44px, 450px, 56px, 0);
            animation: glitch-anim2 5s infinite linear alternate-reverse;
        }

        @keyframes glitch-anim {
            0% {
                clip: rect(93px, 9999px, 35px, 0);
            }

            20% {
                clip: rect(4px, 9999px, 50px, 0);
            }

            40% {
                clip: rect(62px, 9999px, 12px, 0);
            }

            60% {
                clip: rect(34px, 9999px, 88px, 0);
            }

            80% {
                clip: rect(2px, 9999px, 20px, 0);
            }

            100% {
                clip: rect(74px, 9999px, 5px, 0);
            }
        }

        @keyframes glitch-anim2 {
            0% {
                clip: rect(65px, 9999px, 100px, 0);
            }

            20% {
                clip: rect(2px, 9999px, 20px, 0);
            }

            40% {
                clip: rect(80px, 9999px, 40px, 0);
            }

            60% {
                clip: rect(10px, 9999px, 60px, 0);
            }

            80% {
                clip: rect(50px, 9999px, 80px, 0);
            }

            100% {
                clip: rect(90px, 9999px, 10px, 0);
            }
        }

        /* Cyberpunk Button */
        .btn-cyber {
            position: relative;
            background: transparent;
            color: #00f0ff;
            text-transform: uppercase;
            border: 2px solid #00f0ff;
            transition: all 0.3s ease;
            overflow: hidden;
            z-index: 1;
        }

        .btn-cyber::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: rgba(0, 240, 255, 0.2);
            transition: all 0.3s ease;
            z-index: -1;
        }

        .btn-cyber:hover::before {
            left: 0;
        }

        .btn-cyber:hover {
            box-shadow: 0 0 15px #00f0ff;
            text-shadow: 0 0 5px #00f0ff;
        }

        .btn-cyber-primary {
            background: #ff003c;
            color: white;
            border: none;
            clip-path: polygon(10% 0, 100% 0, 100% 70%, 90% 100%, 0 100%, 0 30%);
            box-shadow: -5px 5px 0px rgba(0, 240, 255, 0.5);
        }

        .btn-cyber-primary:hover {
            background: #d40032;
            transform: translate(2px, -2px);
            box-shadow: -7px 7px 0px rgba(0, 240, 255, 0.8);
        }

        /* Scanline effect */
        .scanlines {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2));
            background-size: 100% 4px;
            z-index: 50;
            pointer-events: none;
            opacity: 0.3;
            will-change: transform;
        }

        /* Optimización: composited animations para evitar tareas largas del hilo principal */
        .glitch-text::before,
        .glitch-text::after {
            will-change: clip, transform;
        }

        .btn-cyber-primary {
            will-change: transform, box-shadow;
        }