.global-splash{
  position:fixed;
  inset:0;
  z-index:30000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:
    radial-gradient(circle at 50% 18%,rgba(214,173,75,.24),transparent 210px),
    radial-gradient(circle at 12% 86%,rgba(255,255,255,.08),transparent 260px),
    linear-gradient(160deg,#06251e 0%,#0f4a38 54%,#061d18 100%);
  color:#fff;
  opacity:1;
  visibility:visible;
  transition:opacity .34s ease,visibility .34s ease;
}
.global-splash.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.global-splash-card{
  width:min(360px,100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:13px;
  padding:24px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:34px;
  background:rgba(255,255,255,.055);
  box-shadow:0 28px 80px rgba(0,0,0,.22);
  backdrop-filter:blur(16px);
}
.global-splash-logo{
  width:124px;
  height:124px;
  border-radius:32px;
  object-fit:contain;
  background:rgba(255,255,255,.96);
  padding:14px;
  border:1px solid rgba(214,173,75,.48);
  box-shadow:0 24px 70px rgba(0,0,0,.30),0 0 0 8px rgba(255,255,255,.06),inset 0 0 0 1px rgba(214,173,75,.18);
  animation:globalSplashLogo .9s cubic-bezier(.2,.9,.25,1.2) both;
}
.global-splash-brand{
  margin-top:2px;
  font-size:28px;
  line-height:1.08;
  font-weight:950;
  letter-spacing:0;
}
.global-splash-slogan{
  color:rgba(255,255,255,.84);
  font-size:14px;
  line-height:1.45;
  font-weight:750;
}
.global-splash-loader{
  width:96px;
  height:4px;
  margin-top:4px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.22);
}
.global-splash-loader::before{
  content:"";
  display:block;
  width:42%;
  height:100%;
  border-radius:999px;
  background:#d6ad4b;
  animation:globalSplashLoad 1.05s ease-in-out infinite;
}
@keyframes globalSplashLogo{
  from{opacity:0;transform:translateY(12px) scale(.92);}
  to{opacity:1;transform:translateY(0) scale(1);}
}
@keyframes globalSplashLoad{
  0%{transform:translateX(-110%);}
  100%{transform:translateX(260%);}
}
@media(max-width:420px){
  .global-splash-logo{
    width:108px;
    height:108px;
    border-radius:28px;
  }
  .global-splash-brand{font-size:24px;}
}