/**
 * Custom Styles
 * Styles not covered by Tailwind CSS utilities
 */

/* Hide scrollbar for all scrollable containers while keeping scroll functionality */
/* For webkit browsers (Chrome, Safari, Edge) */
*::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: transparent;
}

/* For Firefox */
* {
  scrollbar-width: none;
}

/* For IE and Edge (legacy) */
* {
  -ms-overflow-style: none;
}

/* Animated gradient border */
.gradient-border {
  background: linear-gradient(135deg, #22c55e, #14b8a6, #06b6d4);
  background-size: 200% 200%;
  animation: gradient 8s ease infinite;
}

/* Glow effects */
.glow {
  box-shadow: 0 0 40px rgba(34, 197, 94, 0.3);
}

.glow-sm {
  box-shadow: 0 0 20px rgba(34, 197, 94, 0.2);
}

/* Gradient animation keyframes */
@keyframes gradient {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}