html.sig-booting,
html.sig-booting body{
  margin:0;
  min-height:100%;
  background:#061320;
  overflow:hidden;
}

html.sig-booting #app{
  visibility:hidden!important;
}

#sig-boot-screen{
  position:fixed;
  inset:0;
  z-index:2147483647;
  display:none;
  place-items:center;
  background:
    radial-gradient(circle at 22% 18%,rgba(20,61,94,.26),transparent 34%),
    linear-gradient(135deg,#05111d 0%,#071a2d 58%,#0b243c 100%);
  color:#fff;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html.sig-booting #sig-boot-screen{
  display:grid;
}

.sig-boot-card{
  display:grid;
  justify-items:center;
  gap:14px;
  text-align:center;
  padding:32px;
}

.sig-boot-mark{
  display:grid;
  place-items:center;
  width:76px;
  height:76px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.045);
  box-shadow:0 18px 50px rgba(0,0,0,.22);
  font-weight:900;
  letter-spacing:.08em;
  font-size:18px;
}

.sig-boot-card strong{
  font-size:22px;
  letter-spacing:.04em;
}

.sig-boot-card small{
  color:#afbecd;
  font-size:12px;
  letter-spacing:.02em;
}

.sig-boot-line{
  position:relative;
  width:180px;
  height:3px;
  margin-top:4px;
  overflow:hidden;
  border-radius:3px;
  background:rgba(255,255,255,.1);
}

.sig-boot-line::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:42%;
  border-radius:3px;
  background:linear-gradient(90deg,#c8942b,#f3c958,#c8942b);
  animation:sigBoot 1.05s ease-in-out infinite;
}

@keyframes sigBoot{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(350%)}
}

@media (prefers-reduced-motion:reduce){
  .sig-boot-line::after{
    animation:none;
    left:29%;
  }
}