@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html {
    scroll-behavior: smooth;
  }
  body {
    font-family: 'Inter', sans-serif;
  }
}

@layer components {
  .container {
    @apply max-w-7xl mx-auto;
  }
}

/* Custom styling for gradient effects */
.gradient-text {
  @apply bg-gradient-to-r from-blue-300 to-indigo-300 bg-clip-text text-transparent;
}

.glass-effect {
  @apply backdrop-blur-md bg-gray-900/60 border border-gray-800/50;
}

/* Animations */
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}

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