/* BDS v6.13.5 — slower, centered login splash */
.login-splash{
  display:grid;
  place-items:center;
  place-content:stretch;
  padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));
}
.splash-center{
  position:relative;
  z-index:2;
  width:min(560px,92vw);
  min-height:min(520px,78vh);
  display:grid;
  grid-template-rows:1fr auto auto 1fr;
  justify-items:center;
  align-items:center;
  row-gap:26px;
  text-align:center;
}
.splash-center .splash-orbit{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  margin-top:-42px;
  opacity:.78;
  animation:splash-spin-centered 7.5s linear infinite;
}
.splash-center .client-splash-brand{
  grid-row:2;
  position:relative;
  z-index:3;
  align-self:end;
  margin:0;
}
.splash-center .splash-progress-wrap{
  grid-row:3;
  width:min(380px,78vw);
  position:relative;
  z-index:3;
  align-self:start;
}
.login-stage{
  opacity:0;
  transform:translateY(14px) scale(.992);
  transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);
}
.login-stage.is-visible{opacity:1;transform:translateY(0) scale(1)}
.login-splash{transition:opacity .68s ease,visibility .68s ease}
@keyframes splash-spin-centered{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:620px){
  .login-splash{padding:calc(20px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom))}
  .splash-center{width:100%;min-height:min(460px,72vh);row-gap:22px}
  .splash-center .splash-orbit{margin-top:-36px}
  .splash-center .splash-progress-wrap{width:min(340px,82vw)}
}
@media(prefers-reduced-motion:reduce){
  .splash-center .splash-orbit{animation:none}
  .login-stage,.login-splash{transition:none}
}