body { background-color: #020617; }
    .glass { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.05); }
    .neon-green { text-shadow: 0 0 20px rgba(34, 197, 94, 0.6); }
    .grid-bg { background-size: 50px 50px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px); }
    
    .scroll-container { mask-image: linear-gradient(to bottom, transparent, black 15%, black 85%, transparent); -webkit-mask-image: linear-gradient(to bottom, transparent, black 15%, black 85%, transparent); }
    .animate-scroll-vertical { animation: scrollVertical 25s linear infinite; }
    .pause-hover:hover .animate-scroll-vertical { animation-play-state: paused; }
    @keyframes scrollVertical { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } }

    .wave-bar { animation: wave 1s ease-in-out infinite; }
    @keyframes wave { 0%, 100% { height: 20%; } 50% { height: 100%; } }
    
    .animate-float { animation: float 6s ease-in-out infinite; }
    @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0px); } }
    
    .pulse-ring { animation: pulse-ring 2s infinite; }
    @keyframes pulse-ring { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(34, 197, 94, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); } }