:root { --neon: #4DFFBE; --void: #000000; }
        body { font-family: 'Space Mono', monospace; background-color: var(--void); color: white; scroll-behavior: smooth; overflow-x: hidden; }

        /* Background Video/Grid Simulation */
        .hero-video-sim {
            background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), 
                        url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&q=80&w=2072');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        /* Scanline Overlay */
        .scanline {
            width: 100%; height: 100px; z-index: 100;
            background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(77,255,190,0.1) 50%, rgba(0,0,0,0) 100%);
            opacity: 0.1; position: absolute; bottom: 100%; animation: scanline 8s linear infinite;
        }
        @keyframes scanline { 0% { bottom: 100%; } 100% { bottom: -100px; } }

        /* Typing Effect */
        .typing::after { content: "|"; animation: blink 1s infinite; color: var(--neon); }
        @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

        /* View Transitions */
        .page-view { display: none; }
        .page-view.active { display: block; animation: terminalIn 0.4s ease-out; }
        @keyframes terminalIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

        /* Buttons & Cards */
        .btn-neon { background: var(--neon); color: black; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 0 0 rgba(77,255,190,0); }
        .btn-neon:hover { box-shadow: 0 0 30px var(--neon); transform: scale(1.02); }

        .terminal-card { border: 1px solid rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.02); transition: all 0.3s; }
        .terminal-card:hover { border-color: var(--neon); background: rgba(77, 255, 190, 0.03); }

        .glow-border { box-shadow: 0 0 15px rgba(77, 255, 190, 0.2); }

        /* Scrollbar */
        ::-webkit-scrollbar { width: 4px; }
        ::-webkit-scrollbar-track { background: #000; }
        ::-webkit-scrollbar-thumb { background: #4DFFBE; }

        /* Active Filter Style */
        .filter-btn.active { background: var(--neon); color: black; border-color: var(--neon); }