body { background-color: #0a0a0a; color: #fff; font-family: 'Inter', sans-serif; overflow-x: hidden; }
        h1, h2, h3, h4, .font-anton { font-family: 'Anton', sans-serif; text-transform: uppercase; letter-spacing: 0.02em; }

       
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #0a0a0a; }
        ::-webkit-scrollbar-thumb { background: rgb(28 206 84 / var(--tw-text-opacity, 0.5)); border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: #333 , 1 }
        ::selection { background-color: #0a0a0a ; color: black; }

       
        :root {
            --neon-green: #1cce54;
            --dark-bg:    #0a0a0a;
            --card-bg:    #111111;
        }

      
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s cubic-bezier(0.5,0,0,1), transform 0.8s cubic-bezier(0.5,0,0,1);
        }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .delay-100 { transition-delay: 100ms; }
        .delay-200 { transition-delay: 200ms; }
        .delay-300 { transition-delay: 300ms; }
        .delay-400 { transition-delay: 400ms; }
        .delay-500 { transition-delay: 500ms; }

        
        .bg-overlay { background: linear-gradient(to right, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0.6) 100%); }

       
        .text-neon-green  { color: var(--neon-green); }
        .bg-neon-green    { background-color: var(--neon-green); }
        .text-brand-400   { color: var(--neon-green); }
        .text-accent-400  { color: #f97316; }
        .bg-card-bg       { background-color: var(--card-bg); }

       
        .btn-hover { transition: background-color 0.3s ease, transform 0.2s ease; }
        .btn-hover:hover { background-color: #1fe05d; transform: translateY(-1px); }
        .btn-hover:active { transform: translateY(0); }

   
        #mobile-menu {
            opacity: 0;
            pointer-events: none;
            transform: translateY(20px);
            transition: opacity 0.4s ease, transform 0.4s ease;
        }
        #mobile-menu.open {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0);
        }

        
        .answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s ease;
        }

 
        .site-logo { height: 5rem; width: auto; object-fit: contain; }