:root { scroll-behavior: smooth; }
        body { font-family: 'Inter', sans-serif; background: #FFFFFF; color: #0A0A0A; overflow-x: hidden; }
        
        .hero-bg { 
            background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2)), url('https://images.unsplash.com/photo-1603584173870-7f23fdae1b7a?q=80&w=2069') center/cover no-repeat fixed; 
        }
        
        .reveal { opacity: 0; transform: translateY(40px); transition: all 1s cubic-bezier(0.2, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        
        .nav-link::after {
            content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 1px; background: #00D4FF; transition: width 0.3s ease;
        }
        .nav-link:hover::after { width: 100%; }

        .custom-scrollbar::-webkit-scrollbar { width: 5px; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #00D4FF; border-radius: 0; }

        .perspective-card { perspective: 1000px; }
        .card-inner { transition: transform 0.6s; transform-style: preserve-3d; }
        .perspective-card:hover .card-inner { transform: rotateY(5deg) rotateX(2deg); }

        .btn-hover-glow:hover { box-shadow: 0 0 30px rgba(0, 212, 255, 0.3); }
        
        /* Skeleton loading animation for images */
        .loading-shimmer {
            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
            background-size: 200% 100%;
            animation: shimmer 1.5s infinite;
        }
        @keyframes shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }