/* Non-critical CSS loaded after hydration */

/* Custom animations for decorative elements */
@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
}

.animate-float {
  animation: float 3s ease-in-out infinite;
}

/* Hide scrollbars while keeping scroll functionality */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* Mobile-only scrollbar hiding utility */
@media (max-width: 640px) {
  .no-scrollbar-mobile::-webkit-scrollbar {
    display: none;
  }

  .no-scrollbar-mobile {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
}