.btn-3d {
      background: linear-gradient(145deg, #4f46e5, #3730a3);
      box-shadow: 0 5px 15px rgba(79, 70, 229, 0.6), 0 8px 20px rgba(55, 48, 163, 0.4);
      transition: transform 0.15s ease, box-shadow 0.15s ease;
      transform-style: preserve-3d;
      perspective: 1000px;
    }
    .btn-3d:hover {
      box-shadow: 0 12px 24px rgba(79, 70, 229, 0.8), 0 18px 40px rgba(55, 48, 163, 0.6);
      transform: translateY(-5px);
    }
    .btn-3d:active {
      transform: translateY(-2px) scale(0.98);
      box-shadow: 0 6px 12px rgba(79, 70, 229, 0.7), 0 9px 18px rgba(55, 48, 163, 0.5);
    }
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
    
    * {
      font-family: 'Inter', sans-serif;
    }
    
    /* Glassmorphism effects */
    .glass {
      background: rgba(255, 255, 255, 0.08);
      backdrop-filter: blur(20px);
      border: 1px solid rgba(255, 255, 255, 0.1);
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    }
    
    .glass-dark {
      background: rgba(0, 0, 0, 0.1);
      backdrop-filter: blur(20px);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    /* Modern gradient backgrounds */
    .gradient-bg {
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    }
    
    .gradient-purple {
      background: linear-gradient(135deg, #a855f7 0%, #3b82f6 100%);
    }
    
    .gradient-blue {
      background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
    }
    
    /* Parallax slider animation */
    @keyframes parallaxSlide {
      0% { transform: translateX(0%) scale(1.1); }
      100% { transform: translateX(-50%) scale(1.1); }
    }
    
    .animate-parallax-slide {
      animation: parallaxSlide 25s linear infinite;
      width: max-content;
    }
    
    /* Hero text animations */
    @keyframes slideUpFade {
      0% { 
        opacity: 0; 
        transform: translateY(100px) scale(0.9);
      }
      100% { 
        opacity: 1; 
        transform: translateY(0) scale(1);
      }
    }
    
    @keyframes slideInLeft {
      0% { 
        opacity: 0; 
        transform: translateX(-100px);
      }
      100% { 
        opacity: 1; 
        transform: translateX(0);
      }
    }
    
    @keyframes slideInRight {
      0% { 
        opacity: 0; 
        transform: translateX(100px);
      }
      100% { 
        opacity: 1; 
        transform: translateX(0);
      }
    }
    
    @keyframes float {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-20px); }
    }
    
    .animate-slide-up-fade {
      animation: slideUpFade 1s ease-out forwards;
      animation-delay: 0.3s;
      opacity: 0;
    }
    
    .animate-slide-left {
      animation: slideInLeft 1s ease-out forwards;
      animation-delay: 0.6s;
      opacity: 0;
    }
    
    .animate-slide-right {
      animation: slideInRight 1s ease-out forwards;
      animation-delay: 0.9s;
      opacity: 0;
    }
    
    .animate-float {
      animation: float 3s ease-in-out infinite;
    }
    
    /* Card hover animations */
    .card-hover {
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    
    .card-hover:hover {
      transform: translateY(-15px) scale(1.02);
      box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
    }
    
    /* Modern button styles */
    .btn-modern {
      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
      position: relative;
      overflow: hidden;
      transition: all 0.3s ease;
    }
    
    .btn-modern::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
      transition: left 0.5s;
    }
    
    .btn-modern:hover::before {
      left: 100%;
    }
    
    .btn-modern:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 25px rgba(102, 126, 234, 0.4);
    }
    
    /* Navbar backdrop blur */
    .navbar-blur {
      backdrop-filter: blur(20px);
      background: rgba(255, 255, 255, 0.9);
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    /* Scroll animations */
    
    
    
    /* Smooth hover effects */
    .smooth-hover {
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .smooth-hover:hover {
      transform: translateY(-5px);
    }