/* Venomako - fondo degradado + canvas de partículas */
html,body{
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background: linear-gradient(120deg, #0f1724 0%, #16213e 40%, #0f3460 100%);
  background-size: 300% 300%;
  animation: bgShift 18s ease infinite;
}

@keyframes bgShift {
  0%{ background-position:0% 50%; }
  50%{ background-position:100% 50%; }
  100%{ background-position:0% 50%; }
}

#particles{
  position:fixed;
  inset:0; /* top:0; right:0; bottom:0; left:0; */
  display:block;
  width:100%;
  height:100%;
  z-index:0;
}

#title{
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  margin:0;
  pointer-events:none;
  user-select:none;
  text-align:center;
  font-weight:800;
  font-size: clamp(48px, 12vw, 140px);
  line-height:1;
  background: linear-gradient(90deg, #FF6A88 0%, #6A5BFF 50%, #00D4FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 8px 30px rgba(20,30,60,0.35);
}

/* Opcional: mejora la visibilidad en móviles */
@media (max-width:420px){
  #title{ font-size: clamp(34px, 18vw, 72px); }
}