*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:#000;
  color:#fff;
  display:grid;
  place-items:center;
}
.wrap{
  width:min(440px,calc(100% - 2.5rem));
  text-align:left;
}
.mark{
  font-size:.8rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:#fff;
  opacity:.6;
  margin-bottom:1.75rem;
}
h1{
  margin:0;
  font-size:2rem;
  font-weight:600;
  letter-spacing:-.02em;
}
.sub{
  margin:.8rem 0 0;
  color:#d0d0d0;
  font-size:1.05rem;
  line-height:1.5;
  font-weight:500;
}
.track{
  margin-top:1.85rem;
  height:2px;
  background:#222;
  overflow:hidden;
}
.track>i{
  display:block;
  height:100%;
  width:28%;
  background:#fff;
  animation:slide 1s ease-in-out infinite;
}
@keyframes slide{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(380%)}
}
.status{
  margin-top:1.1rem;
  font-size:.95rem;
  color:#cfcfcf;
  min-height:1.3em;
  font-weight:500;
  letter-spacing:.01em;
}