/* Açılış (yükleniyor) ekranı. index.html içindeki JS öncesi ekran ve React'teki <Acilis> aynı sınıfları kullanır.
   Ayrı dosya: CSP satır içi <style>'a izin vermez; paket CSS'inden bağımsız, küçük ve önce yüklenir.
   Göz kırpmasın diye 150 ms gecikmeyle belirir; logo yumuşak, duraklayarak döner. */
.acilis {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 18px;
  padding: 16px;
  background: #f3f6fc;
  color: #46557a;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 13.5px;
  letter-spacing: 0.01em;
}
.acilis-yukleniyor {
  animation: acilis-gir 0.3s ease-out 0.15s both;
}
.acilis-gomulu {
  position: static;
  inset: auto;
  z-index: auto;
  min-height: 50vh;
  background: transparent;
}
.acilis-isaret {
  display: block;
  width: 56px;
  height: 56px;
  animation: acilis-don 1.8s cubic-bezier(0.65, 0, 0.35, 1) infinite;
  filter: drop-shadow(0 8px 16px rgba(30, 79, 216, 0.2));
}
.acilis-isaret svg {
  display: block;
  width: 56px;
  height: 56px;
}
.acilis-metin {
  opacity: 0.85;
}
@keyframes acilis-gir {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes acilis-don {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(180deg) scale(0.94); }
  100% { transform: rotate(360deg) scale(1); }
}
@keyframes acilis-nabiz {
  50% { opacity: 0.45; }
}
/* Azaltılmış hareket: dönme yok, yalnızca yumuşak saydamlık nabzı (genel kuralı !important ile aşar). */
@media (prefers-reduced-motion: reduce) {
  .acilis .acilis-isaret {
    animation: acilis-nabiz 1.6s ease-in-out infinite !important;
  }
}