/* Hero Section Falling Icons */
#hero { 
  position: relative; 
  overflow: hidden; 
  background: linear-gradient(135deg, #1f2937, #B87333); 
  background-size: 200% 200%; 
  animation: gradientBG 30s ease-in-out infinite; 
}
.icon-container { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  pointer-events: none; 
  overflow: hidden; 
  z-index: 0; 
}
.icon-fall { 
  position: absolute; 
  color: #C68642; 
  animation: drop 15s linear infinite; 
}
@keyframes drop {
  0% { transform: translateY(-100px) rotate(0deg); opacity: 0; }
  10% { opacity: 0.5; }
  100% { transform: translateY(100vh) rotate(720deg); opacity: 0; }
}
@keyframes gradientBG { 
  0% { background-position: 0% 0%; } 
  50% { background-position: 100% 100%; } 
  100% { background-position: 0% 0%; } 
}
#hero-logo { 
  display: inline-block; 
  transform-origin: center; 
  transform: scale(1); 
}
.bounce-animation { 
  animation: squishBounce 0.8s ease-in-out both; 
}
@keyframes squishBounce { 
  0% { transform: scale(1,1); } 
  30% { transform: scale(1.2,0.8); } 
  50% { transform: scale(0.9,1.1); } 
  70% { transform: scale(1.05,0.95); } 
  100% { transform: scale(1,1); } 
}
