:root { --bg:#000; }

*{ box-sizing:border-box; }

html,body{
  height:100%;
  margin:0;
  padding:0;
  background:var(--bg);
  overflow:hidden;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

#bg{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  display:block;
  background:#000;
}

.title-wrap{
  position:fixed;
  inset:0;
  display:grid;
  place-items:center;
  pointer-events:none;
}

.title{
  margin:0;
  padding:0;
  text-align:center;
  font-weight:800;
  letter-spacing:0.06em;
  text-transform:uppercase;
  font-size:clamp(36px,6vw,84px);
  color:rgba(255,255,255,0.95);
  text-shadow:0 0 18px rgba(255,255,255,0.18);
}

.title span{
  display:inline-block;
  animation:titleFloat 2.6s ease-in-out infinite;
}

.title span:nth-child(2){
  animation-delay:0.14s;
  opacity:0.92;
}

@keyframes titleFloat{
  0%,100%{ transform:translateY(0); filter:blur(0); }
  50%{ transform:translateY(-10px); filter:blur(0.2px); }
}