.bootGate {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 1.5rem;
  color: #f3f7fa;
  background:
    radial-gradient(circle at 50% 42%, rgba(85,214,229,.09), transparent 25%),
    linear-gradient(145deg,#05080c,#081018);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .38s ease, visibility .38s ease;
}
.bootGate.is-open { opacity:1;visibility:visible;pointer-events:auto; }
.bootGate.is-exit { opacity:0; }
.bootGate__panel { width:min(100%,720px);text-align:center; }
.bootGate__mark {
  width:86px;aspect-ratio:1;display:grid;place-items:center;margin:0 auto 1.7rem;
  border:1px solid rgba(85,214,229,.3);border-radius:1.45rem;color:#55d6e5;
  background:rgba(85,214,229,.055);box-shadow:0 0 70px rgba(85,214,229,.08);
  font-weight:900;letter-spacing:.1em;
}
.bootGate__eyebrow { margin-bottom:.7rem;color:#55d6e5;font-size:.72rem;font-weight:900;letter-spacing:.16em; }
.bootGate__title { margin:0 0 1.8rem;color:#f3f7fa;font-size:clamp(2rem,5vw,4rem);line-height:1.05;letter-spacing:-.03em; }
.bootGate__bar { height:2px;overflow:hidden;margin:0 auto 1.6rem;border-radius:999px;background:rgba(255,255,255,.07); }
.bootGate__bar span { display:block;width:0;height:100%;background:linear-gradient(90deg,#2cc7d7,#67d99c);transition:width .2s ease; }
.bootGate__checks { display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem; }
.bootGate__checks span { min-height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:.7rem;color:#7f919d;background:rgba(255,255,255,.025);font-size:.76rem;font-weight:800; }
.bootGate__checks span.is-ready { color:#67d99c;border-color:rgba(103,217,156,.24); }
.bootGate__ready { margin-top:1.25rem;color:#7f919d;font-size:.88rem; }
.bootGate__skip { position:absolute;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));min-height:44px;padding:.55rem .85rem;border:1px solid rgba(255,255,255,.12);border-radius:.7rem;color:#b7c5ce;background:rgba(255,255,255,.04);cursor:pointer; }
@media (max-width:640px){.bootGate__checks{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){.bootGate{transition:none}.bootGate__bar span{transition:none}}
