*{box-sizing:border-box}
body{
 margin:0;
 background:#050505;
 color:white;
 font-family:Arial,"PingFang SC",sans-serif;
 overflow:hidden;
}

.hero{
 height:100vh;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 text-align:center;
}

h1{
 font-size:clamp(42px,8vw,100px);
 letter-spacing:10px;
 opacity:0;
 transform:translateY(60px);
 animation:appear 2s ease forwards;
 z-index:2;
}

p{
 opacity:0;
 animation:fade 3s ease forwards 1s;
 z-index:2;
}

.glow{
 position:absolute;
 width:500px;
 height:500px;
 background:radial-gradient(circle,rgba(255,255,255,.25),transparent 70%);
 border-radius:50%;
 filter:blur(20px);
 transition:.15s;
}

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

@keyframes fade{
 to{opacity:.7}
}