body {
            background-color: #050507;
            color: #d1d5db;
            font-family: 'JetBrains Mono', monospace;
            overflow-x: hidden;
        }

        /* CRT Scanline Effect */
        .crt::before {
            content: " ";
            display: block;
            position: fixed;
            top: 0; left: 0; bottom: 0; right: 0;
            background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
            background-size: 100% 4px;
            z-index: 40;
            pointer-events: none;
            opacity: 0.5;
        }

        /* Glitch Effect */
        .glitch {
            position: relative;
            display: inline-block;
        }
        .glitch::before,
        .glitch::after {
            content: attr(data-text);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            clip: rect(0, 0, 0, 0);
        }
        .glitch::before {
            left: -2px;
            text-shadow: 2px 0 #00f3ff;
            animation: glitch-anim-1 2.5s infinite linear alternate-reverse;
        }
        .glitch::after {
            left: 2px;
            text-shadow: -2px 0 #00ff66;
            animation: glitch-anim-2 3.5s infinite linear alternate-reverse;
        }
        @keyframes glitch-anim-1 {
            0% { clip: rect(10px, 9999px, 30px, 0); }
            20% { clip: rect(40px, 9999px, 70px, 0); }
            40% { clip: rect(20px, 9999px, 50px, 0); }
            60% { clip: rect(60px, 9999px, 80px, 0); }
            80% { clip: rect(30px, 9999px, 20px, 0); }
            100% { clip: rect(70px, 9999px, 60px, 0); }
        }
        @keyframes glitch-anim-2 {
            0% { clip: rect(50px, 9999px, 20px, 0); }
            20% { clip: rect(20px, 9999px, 40px, 0); }
            40% { clip: rect(70px, 9999px, 30px, 0); }
            60% { clip: rect(10px, 9999px, 80px, 0); }
            80% { clip: rect(80px, 9999px, 10px, 0); }
            100% { clip: rect(30px, 9999px, 90px, 0); }
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #050507;
        }
        ::-webkit-scrollbar-thumb {
            background: #003b15;
            border-radius: 4px;
            border: 1px solid #00ff66;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #00ff66;
        }

        /* Glassmorphism Containers */
        .cyber-glass {
            background: rgba(12, 15, 20, 0.85);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(0, 255, 102, 0.2);
        }
        .cyber-glass:hover {
            border-color: rgba(0, 255, 102, 0.5);
        }

        .cyber-glass-cyan {
            background: rgba(12, 15, 20, 0.85);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(0, 243, 255, 0.2);
        }
        .cyber-glass-cyan:hover {
            border-color: rgba(0, 243, 255, 0.5);
        }

        #matrix-canvas {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            z-index: -1;
            opacity: 0.16;
        }