/* Le lancement couvre aussi les zones système de la PWA sur iPhone.
   Ces règles restent limitées à la connexion et à l'inscription. */
html.has-splash,
html.has-splash body.auth-page { background: #010b22; }

.splash {
  /* Le dégradé plein écran ne peut pas se prolonger dans la zone système
     d'iOS : le fond y reste identique, le halo est limité à l'écusson. */
  background: #010b22;
  cursor: default;
  animation: none;
  inset: 0 0 auto;
  height: 100vh;
  height: 100lvh;
  min-height: 100%;
  overflow: hidden;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px)
    env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
}

.splash-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  /* Seul l'écusson s'efface : le fond reste raccord avec la zone système
     jusqu'au retrait simultané du chargement et de sa couleur de page. */
  animation: splash-out .75s cubic-bezier(.6, 0, .2, 1) 2.2s forwards;
}

.splash::before {
  background: radial-gradient(circle, rgba(6, 33, 79, .9) 0%, rgba(6, 33, 79, 0) 62%);
}

.splash-crests{display:flex;align-items:center;justify-content:center;gap:clamp(10px,4vw,28px);width:min(88vw,680px)}
.splash-crests .splash-patch{width:min(35vw,280px);flex:0 0 auto}
.splash-crests .splash-company-patch{background-image:url('/assets/logo/embleme-compagnie-ours.webp');animation-delay:.12s}
.splash-crests .crest-separator{color:#fff;font-size:clamp(32px,7vw,60px);opacity:0;animation:splash-text .8s ease .4s forwards}
.splash-crests .splash-company-patch::after{animation-delay:.67s}
.splash-crests .splash-company-patch{border-radius:50%}