/* Custom styles to prevent horizontal scroll */
    html, body {
      overflow-x: hidden;
      width: 100%;
    }
    
    /* Custom animations */
    @keyframes float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }
    
    @keyframes pulse-slow {
      0%, 100% { opacity: 0.5; }
      50% { opacity: 0.8; }
    }
    
    @keyframes gradient {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }
    
    .animate-float {
      animation: float 6s ease-in-out infinite;
    }
    
    .animate-pulse-slow {
      animation: pulse-slow 4s ease-in-out infinite;
    }
    
    .animate-gradient {
      background-size: 200% 200%;
      animation: gradient 3s ease infinite;
    }
    
    /* Hide scrollbar for horizontal scrolling sections */
    .scrollbar-hide {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    
    .scrollbar-hide::-webkit-scrollbar {
      display: none;
    }
    
    /* Ensure images don't overflow */
    img {
      max-width: 100%;
      height: auto;
    }
    
    /* Fix for tech icons section */
    .tech-icon {
      flex-shrink: 0;
    }
    
    /* Responsive adjustments */
    @media (max-width: 640px) {
      .container {
        padding-left: 1rem;
        padding-right: 1rem;
      }
      
      .hero-content {
        margin-top: 40px !important;
      }
      
      .hero-image {
        margin-top: 80px !important;
        width: 100% !important;
        max-width: 300px !important;
      }
      
      .floating-icons img {
        width: 8vw !important;
        height: 8vw !important;
      }
    }