/* Custom Animations */
  @keyframes float {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px);
    }
  }
  
  @keyframes float-reverse {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(20px);
    }
  }
  
  @keyframes wave {
    0% {
      transform: rotate(0deg);
    }
    10% {
      transform: rotate(14deg);
    }
    20% {
      transform: rotate(-8deg);
    }
    30% {
      transform: rotate(14deg);
    }
    40% {
      transform: rotate(-4deg);
    }
    50% {
      transform: rotate(10deg);
    }
    60% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }
  
  /* Custom Scrollbar */
  ::-webkit-scrollbar {
    width: 8px;
  }
  
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #3b82f6;
    border-radius: 4px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background: #2563eb;
  }
  
  .dark ::-webkit-scrollbar-track {
    background: #1f2937;
  }
  
  .dark ::-webkit-scrollbar-thumb {
    background: #1e40af;
  }
  
  .dark ::-webkit-scrollbar-thumb:hover {
    background: #1e3a8a;
  }
  
  /* Gradient Text Animation */
  .animate-gradient-text {
    background-size: 300% 300%;
    background-image: linear-gradient(45deg, #3b82f6, #8b5cf6, #ec4899, #f59e0b, #3b82f6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: gradient-text 8s ease infinite;
  }
  
  @keyframes gradient-text {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  
  /* Pulse Animation */
  .animate-pulse-slow {
    animation: pulse 6s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
  
  @keyframes pulse {
    0%, 100% {
      opacity: 0.2;
    }
    50% {
      opacity: 0.4;
    }
  }
  
  /* Dark Mode Transition */
  html {
    scroll-behavior: smooth;
  }
  
  body {
    transition: background-color 0.5s ease;
  }
  
  /* Custom AOS Animations */
  [data-aos="custom-fade"] {
    opacity: 0;
    transition-property: opacity, transform;
  }
  
  [data-aos="custom-fade"].aos-animate {
    opacity: 1;
  }
  
  /* Portfolio Overlay Effect */
  .portfolio-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 50%);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 1;
  }
  
  .portfolio-item:hover::before {
    opacity: 1;
  }
  
  /* Feature Card Hover Effect */
  .feature-card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }
  
  /* Pricing Card Hover Effect */
  .pricing-card:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }
  
  /* Testimonial Card Hover Effect */
  .testimonial-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }
  
  /* Nav Link Hover Effect */
  .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #3b82f6;
    transition: width 0.3s ease;
  }
  
  .nav-link:hover::after {
    width: 100%;
  }
  
  /* Hero Section Animation */
  .hero-content {
    animation: fadeIn 1s ease-out forwards;
  }
  
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* Responsive Adjustments */
  @media (max-width: 768px) {
    .hero-content {
      text-align: center;
    }
    
    .feature-card, .pricing-card, .testimonial-card {
      transform: none !important;
    }
  }