:root{color-scheme:dark;}
html,body{height:100%; margin:0;}
body{
  background: radial-gradient(900px 520px at 20% 30%, rgba(209,43,43,.22), transparent 60%),
              radial-gradient(980px 540px at 72% 62%, rgba(58,166,255,.18), transparent 62%),
              #050713;
  display:flex; align-items:center; justify-content:center;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#f2f3ff;
  overflow:hidden;
}
.wrap{display:flex; flex-direction:column; align-items:center; gap:14px; padding:24px;}
.logo{
  width:112px; height:112px;
  filter: drop-shadow(0 20px 40px rgba(0,0,0,.55));
  opacity:0;
  transform: scale(.92);
  animation: pop 820ms ease forwards;
  will-change: transform, opacity;
}
.txt{opacity:.72; font-weight:700; letter-spacing:.02em}
@keyframes pop{
  0%{opacity:0; transform:scale(.92)}
  60%{opacity:1; transform:scale(1.02)}
  100%{opacity:1; transform:scale(1)}
}