/* S00 Yükleniyor: splash on the brand indigo, progress in saffron. */
html, body { margin: 0; padding: 0; height: 100%; background: #30398A; }
#splash {
  position: fixed; inset: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 16px;
  background: #30398A; color: #FFFFFF; z-index: 9999;
  font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  transition: opacity 180ms ease-out;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
#splash.splash-hidden { opacity: 0; pointer-events: none; }
.splash-mark svg { display: block; }
.splash-title { font-size: 28px; line-height: 36px; font-weight: 700; letter-spacing: -0.25px; }
.splash-progress {
  position: absolute; bottom: calc(64px + env(safe-area-inset-bottom));
  width: 120px; height: 4px; border-radius: 2px; background: rgba(255,255,255,0.28); overflow: hidden;
}
.splash-progress-bar {
  width: 40%; height: 100%; border-radius: 2px; background: #F2B544;
  animation: splash-slide 1.2s ease-in-out infinite;
}
@keyframes splash-slide {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(300%); }
}
@media (prefers-reduced-motion: reduce) {
  .splash-progress-bar { animation: none; width: 60%; }
}