        @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
        .animate-marquee { display: flex; animation: marquee 20s linear infinite; }
        
        .slice-reveal { clip-path: inset(100% 0 0 0); animation: reveal 1s cubic-bezier(0.19, 1, 0.22, 1) forwards; }
        @keyframes reveal { to { clip-path: inset(0 0 0 0); } }

        body { background-color: #000; color: #fff; cursor: crosshair; }
        .no-scrollbar::-webkit-scrollbar { display: none; }
        
        .btn-power {
            position: relative;
            background: #FF0000;
            color: #fff;
            padding: 2rem 4rem;
            font-family: 'Bebas Neue';
            font-size: 1.5rem;
            letter-spacing: 4px;
            transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
            border: none;
            overflow: hidden;
        }
        .btn-power:hover { background: #fff; color: #000; transform: scale(1.02) rotate(-1deg); }

        .image-distortion:hover img { filter: contrast(1.5) brightness(1.2) grayscale(0); transform: scale(1.05); }
        .image-distortion img { transition: all 1s ease; filter: grayscale(1); }

        .stat-card { border-left: 1px solid rgba(255,255,255,0.1); padding-left: 2rem; }
/* Add to your global CSS */
@keyframes pulse-slide {
  0%, 100% { transform: scale(1.05); }
  50% { transform: scale(1.1); }
}

img {
  animation: pulse-slide 10s ease-in-out infinite;
}
