:root{
  --bg:#0b0d14;
  --text:#f1f3fa;
  --muted:#8b91a7;
  --a:#6366f1;
  --b:#a855f7;
  --c:#f472b6;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:var(--bg);
  color:var(--text);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:100vh;min-height:100dvh;
  overflow:hidden;
  -webkit-font-smoothing:antialiased;
}
.glow{
  position:fixed;inset:-20%;
  background:
    radial-gradient(45% 40% at 30% 35%, rgba(99,102,241,.28), transparent 70%),
    radial-gradient(40% 40% at 72% 68%, rgba(244,114,182,.20), transparent 70%);
  filter:blur(30px);
  animation:drift 22s ease-in-out infinite alternate;
  pointer-events:none;
}
main{
  position:relative;z-index:1;
  text-align:center;
  padding:0 24px;
  animation:rise .9s ease-out both;
}
.mark{
  display:block;margin:0 auto 34px;
  width:min(280px,64vw);height:auto;
  filter:drop-shadow(0 0 1px rgba(255,255,255,.35)) drop-shadow(0 18px 44px rgba(99,102,241,.35));
}
h1{
  font-size:clamp(2rem,6vw,3.25rem);
  font-weight:650;
  letter-spacing:-.02em;
  line-height:1.1;
}
.line{
  margin-top:14px;
  font-size:clamp(1rem,2.6vw,1.2rem);
  color:var(--muted);
  letter-spacing:.01em;
}
footer{
  position:fixed;bottom:18px;left:0;right:0;z-index:1;
  text-align:center;
  font-size:.8rem;color:#5d6377;
}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes drift{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}
@media (prefers-reduced-motion:reduce){
  .glow,main{animation:none}
}