/*
 * First-visit loading screen (2026-10-28). The application bundle is large and some networks reach the server slowly;
 * without this the page stayed white until the bundle arrived. Plain HTML inside #root (React replaces it on start),
 * styled from this file because inline styles are not allowed (CSP). The text follows <html lang>, which /lang-init.js
 * sets before the first paint.
 */
.fp-boot { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px;
  background: #f5f8fd; color: #334155; font-family: 'Segoe UI', Tahoma, Arial, sans-serif; }
.fp-boot-name { font-size: 26px; font-weight: 800; color: #0f2a5f; letter-spacing: 0.2px; }
.fp-boot-spin { width: 38px; height: 38px; border-radius: 50%; border: 4px solid #dbe5f7; border-top-color: #1d4fbf;
  animation: fp-boot-spin 0.9s linear infinite; }
.fp-boot-text { font-size: 15px; }
.fp-boot-text span { display: none; }
html[lang='ar'] .fp-boot-text .ar, html[lang='en'] .fp-boot-text .en, html[lang='tr'] .fp-boot-text .tr { display: inline; }
html:not([lang='ar']):not([lang='tr']) .fp-boot-text .en { display: inline; }
@keyframes fp-boot-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .fp-boot-spin { animation-duration: 2.5s; } }