/* Google Icons Ayarları */
.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 24;
}

/* Fütüristik Cam Efekti (Glassmorphism) */
.glass-panel {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

/* Daha Belirginleştirilmiş Soft Arka Plan Gradyanı */
.page-gradient,
.nav-bar-gradient {
  /* Mavi (#eef2ff) ve mor (#f5f3ff) tonları biraz daha vurgulandı */
  background: linear-gradient(
    135deg,
    #ffffff 50%,
    #202681c4 125%,
    #b6b4b8 50%,
    #bd16ff 200%,
    #2f3e6e 100%
  );
  background-attachment: fixed;
}

/* Hero Bölümü İçin Merkezden Yayılan Işıltı */
.hero-gradient-overlay {
  /* Işıltının opaklığı artırıldı ve alanı genişletildi */
  background: radial-gradient(
    circle at 50% 50%,
    rgba(0, 88, 188, 0.06) 0%,
    rgba(0, 88, 188, 0.02) 40%,
    transparent 80%
  );
}

/* Apple Tarzı Sayfa Yüklenme Animasyonu */
@keyframes appleReveal {
  0% {
    opacity: 0;
    transform: translateY(40px);
    filter: blur(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

/* Animasyonun uygulanacağı temel sınıf */
.reveal-item {
  opacity: 0; /* Sayfa ilk açıldığında görünmez yap */
  /* cubic-bezier(0.16, 1, 0.3, 1) Apple'ın ikonik yumuşak yavaşlama eğrisidir */
  animation: appleReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Öğelerin sırayla gelmesi için gecikme (stagger) sınıfları */
.delay-1 {
  animation-delay: 0.2s;
}
.delay-2 {
  animation-delay: 0.4s;
}
.delay-3 {
  animation-delay: 0.6s;
}
.delay-4 {
  animation-delay: 0.8s;
}