body {
            background-color: #03000a;
            color: #e0e0e0;
        }

        
        .scanlines {
            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;
            pointer-events: none;
        }

        
        .bg-tech-grid {
            background-image: 
                radial-gradient(circle at 50% 50%, rgba(213, 0, 249, 0.1) 0%, transparent 50%),
                linear-gradient(rgba(57, 255, 20, 0.05) 1px, transparent 1px),
                linear-gradient(90deg, rgba(57, 255, 20, 0.05) 1px, transparent 1px);
            background-size: 100% 100%, 30px 30px, 30px 30px;
            background-position: center center, center center, center center;
        }

        
        .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 #39ff14;
            clip: rect(44px, 450px, 56px, 0);
            animation: glitch-anim 5s infinite linear alternate-reverse;
        }
        .glitch-text::after {
            left: -2px;
            text-shadow: -2px 0 #d500f9;
            clip: rect(44px, 450px, 56px, 0);
            animation: glitch-anim2 5s infinite linear alternate-reverse;
        }

        @keyframes glitch-anim {
            0% { clip: rect(10px, 9999px, 83px, 0); transform: skew(0.5deg); }
            5% { clip: rect(65px, 9999px, 12px, 0); transform: skew(0.4deg); }
            10% { clip: rect(31px, 9999px, 58px, 0); transform: skew(0.7deg); }
            15% { clip: rect(98px, 9999px, 34px, 0); transform: skew(0.1deg); }
            20% { clip: rect(45px, 9999px, 89px, 0); transform: skew(0.6deg); }
            25% { clip: rect(12px, 9999px, 45px, 0); transform: skew(0.2deg); }
            30% { clip: rect(78px, 9999px, 23px, 0); transform: skew(0.8deg); }
            35% { clip: rect(23px, 9999px, 90px, 0); transform: skew(0.3deg); }
            40% { clip: rect(89px, 9999px, 12px, 0); transform: skew(0.5deg); }
            45% { clip: rect(45px, 9999px, 67px, 0); transform: skew(0.7deg); }
            50% { clip: rect(12px, 9999px, 89px, 0); transform: skew(0.1deg); }
            55% { clip: rect(67px, 9999px, 34px, 0); transform: skew(0.9deg); }
            60% { clip: rect(34px, 9999px, 56px, 0); transform: skew(0.4deg); }
            65% { clip: rect(89px, 9999px, 12px, 0); transform: skew(0.6deg); }
            70% { clip: rect(12px, 9999px, 78px, 0); transform: skew(0.2deg); }
            75% { clip: rect(56px, 9999px, 34px, 0); transform: skew(0.8deg); }
            80% { clip: rect(34px, 9999px, 90px, 0); transform: skew(0.3deg); }
            85% { clip: rect(90px, 9999px, 45px, 0); transform: skew(0.5deg); }
            90% { clip: rect(45px, 9999px, 12px, 0); transform: skew(0.7deg); }
            95% { clip: rect(12px, 9999px, 67px, 0); transform: skew(0.1deg); }
            100% { clip: rect(67px, 9999px, 34px, 0); transform: skew(0.9deg); }
        }
        @keyframes glitch-anim2 {
            0% { clip: rect(65px, 9999px, 12px, 0); transform: skew(0.1deg); }
            5% { clip: rect(34px, 9999px, 89px, 0); transform: skew(0.8deg); }
            10% { clip: rect(12px, 9999px, 45px, 0); transform: skew(0.3deg); }
            15% { clip: rect(89px, 9999px, 67px, 0); transform: skew(0.5deg); }
            20% { clip: rect(45px, 9999px, 12px, 0); transform: skew(0.7deg); }
            25% { clip: rect(67px, 9999px, 89px, 0); transform: skew(0.1deg); }
            30% { clip: rect(12px, 9999px, 34px, 0); transform: skew(0.9deg); }
            35% { clip: rect(89px, 9999px, 56px, 0); transform: skew(0.4deg); }
            40% { clip: rect(34px, 9999px, 12px, 0); transform: skew(0.6deg); }
            45% { clip: rect(56px, 9999px, 78px, 0); transform: skew(0.2deg); }
            50% { clip: rect(12px, 9999px, 34px, 0); transform: skew(0.8deg); }
            55% { clip: rect(78px, 9999px, 90px, 0); transform: skew(0.3deg); }
            60% { clip: rect(34px, 9999px, 45px, 0); transform: skew(0.5deg); }
            65% { clip: rect(90px, 9999px, 12px, 0); transform: skew(0.7deg); }
            70% { clip: rect(45px, 9999px, 67px, 0); transform: skew(0.1deg); }
            75% { clip: rect(12px, 9999px, 89px, 0); transform: skew(0.9deg); }
            80% { clip: rect(67px, 9999px, 34px, 0); transform: skew(0.4deg); }
            85% { clip: rect(89px, 9999px, 12px, 0); transform: skew(0.6deg); }
            90% { clip: rect(34px, 9999px, 78px, 0); transform: skew(0.2deg); }
            95% { clip: rect(12px, 9999px, 56px, 0); transform: skew(0.8deg); }
            100% { clip: rect(78px, 9999px, 34px, 0); transform: skew(0.3deg); }
        }

        
        .neon-border-green {
            border: 2px solid #39ff14;
            box-shadow: 0 0 10px rgba(57,255,20,0.5), inset 0 0 10px rgba(57,255,20,0.2);
        }
        .neon-border-purple {
            border: 2px solid #d500f9;
            box-shadow: 0 0 10px rgba(213,0,249,0.5), inset 0 0 10px rgba(213,0,249,0.2);
        }

        
        .corner-br {
            position: absolute; bottom: -2px; right: -2px; width: 10px; height: 10px; border-bottom: 2px solid #39ff14; border-right: 2px solid #39ff14;
        }
        .corner-tl {
            position: absolute; top: -2px; left: -2px; width: 10px; height: 10px; border-top: 2px solid #d500f9; border-left: 2px solid #d500f9;
        }

        
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #03000a;
        }
        ::-webkit-scrollbar-thumb {
            background: #d500f9;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #39ff14;
        }