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

.card-glass {
  backdrop-filter: blur(14px);
  background: rgba(15, 12, 41, 0.75);
  border-radius: 1rem;
  box-shadow: 0 0 30px rgba(123, 31, 162, 0.3);
}

.badge {
  @apply bg-purple-800/60 text-purple-100 px-3 py-1 rounded-full hover:scale-105 transition transform duration-300 text-xs shadow-md backdrop-blur-sm;
}

.icon-hover {
  @apply hover:text-purple-400 hover:scale-110 transform transition duration-300;
}

.drop-shadow-glow {
  filter: drop-shadow(0 0 5px #c084fc);
}