/* Özel stiller, glassmorphism ve hover efektleri için ek sınıflar. */
@tailwind base;
@tailwind components;
@tailwind utilities;

.glass-card {
  @apply bg-white/60 backdrop-blur-xl border border-white/20;
}

.glass-button {
  @apply bg-white/20 backdrop-blur-md border border-white/30 transition-all duration-300;
}

.glass-button:hover {
  @apply bg-white/30 border-white/50 transform scale-[1.03];
}

/* Scroll-reveal animasyonları için başlangıç durumu */
.reveal {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 0.8s, transform 0.8s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}