        :root { scroll-behavior: smooth; }
        .hero-clip { clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%); }
        .text-outline { -webkit-text-stroke: 1px #0A0A0A; color: transparent; }
        .reveal { opacity: 0; transform: translateY(40px); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .custom-cursor { mix-blend-mode: difference; }
        .glass-nav { backdrop-filter: blur(12px); background: rgba(255,255,255,0.8); }
        
        /* Hide scrollbar but keep functionality */
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
        
        .btn-hover { position: relative; overflow: hidden; transition: all 0.4s; }
        .btn-hover::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: #00C853; transition: all 0.4s; z-index: -1; }
        .btn-hover:hover::before { left: 0; }
        .btn-hover:hover { color: white; border-color: #00C853; }
