/* O que o Tailwind não cobre: fundo com pontos, cursor piscando e foco visível. */

body {
  background-image: radial-gradient(rgba(52, 211, 153, 0.12) 1px, transparent 1px);
  background-size: 24px 24px;
}

/* O cursor "_" do título pisca. É o único movimento da página. */
.cursor {
  animation: piscar 1s steps(1) infinite;
}

@keyframes piscar {
  50% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .cursor { animation: none; }
}

/* Foco visível para quem navega pelo teclado */
a:focus-visible,
button:focus-visible {
  outline: 2px solid #34d399;
  outline-offset: 2px;
}