/* styles.css - fundo full-screen para tsParticles (só linhas) */

html, body {
  height: 100%;
  margin: 0;
  background: #0b1020; /* ajuste conforme seu design */
  color: #e6eef8;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.particles-bg {
  position: fixed;
  inset: 0;               /* top/right/bottom/left = 0 */
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;   /* permite clicar nos elementos sobrepostos */
  background: transparent;
}

/* conteúdo da página acima do canvas */
.content {
  position: relative;
  z-index: 2;             /* acima do canvas de partículas */
  padding: 6vh 8vw;
  max-width: 900px;
  margin: 0 auto;
}

h1 {
  margin: 0 0 0.5rem 0;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
}

/* garantir contraste e legibilidade em telas pequenas */
@media (max-width: 600px) {
  .content { padding: 4vh 5vw; }
}