*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:linear-gradient(135deg,#000,#111800,#0f0018,#031618);
  background-size:400% 400%;
  animation:bgShift 20s ease infinite;
  color:#e0e0e0;
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
@keyframes bgShift{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
canvas{position:fixed;top:0;left:0;z-index:0}
.content{position:relative;z-index:1;text-align:center;padding:20px}
h1{
  font-size:clamp(48px,10vw,96px);
  font-weight:800;
  letter-spacing:-0.03em;
  background:linear-gradient(135deg,#a78bfa,#60a5fa,#34d399);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  animation:fadeUp .8s ease-out;
}
p.slogan{
  color:#888;
  font-size:16px;
  margin-top:8px;
  letter-spacing:0.05em;
  animation:fadeUp .8s ease-out .2s both;
}
p.slogan del{color:#555;text-decoration-color:#888;text-decoration-thickness:1px}
.links{
  margin-top:32px;
  display:flex;gap:16px;justify-content:center;flex-wrap:wrap;
  animation:fadeUp .8s ease-out .4s both;
}
.links a{
  padding:10px 24px;
  border:1px solid #2a2a2a;
  border-radius:8px;
  color:#a78bfa;
  text-decoration:none;
  font-size:14px;
  transition:all .2s;
}
.links a:hover{
  border-color:#a78bfa;
  background:rgba(167,139,250,.1);
}
@keyframes fadeUp{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}