#vxWelcomeV1{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  place-items:center;
  background:#041008;
  color:#fff;
  pointer-events:none;
}

#vxWelcomeV1.show{
  display:grid;
}

#vxWelcomeV1 .vxw-inner{
  text-align:center;
  transform:translateZ(0);
}

#vxWelcomeV1 .vxw-top{
  font-size:18px;
  font-weight:700;
  opacity:0;
  transform:translateY(-18px);
}

#vxWelcomeV1 .vxw-brand{
  margin-top:18px;
  font-size:34px;
  font-weight:950;
  letter-spacing:2px;
  color:#7cf7a0;
  opacity:0;
  transform:translateY(24px);
}

#vxWelcomeV1.run .vxw-top{
  animation:vxwTop .55s ease-out forwards;
}

#vxWelcomeV1.run .vxw-brand{
  animation:vxwBrand .65s .18s ease-out forwards;
}

#vxWelcomeV1.join .vxw-top{
  transform:translateY(7px);
  transition:transform .45s ease;
}

#vxWelcomeV1.join .vxw-brand{
  transform:translateY(-7px);
  transition:transform .45s ease;
}

#vxWelcomeV1.hide{
  opacity:0;
  transition:opacity .35s ease;
}

@keyframes vxwTop{
  to{opacity:1;transform:translateY(0)}
}

@keyframes vxwBrand{
  to{opacity:1;transform:translateY(0)}
}