@keyframes indexReveal {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes textPulse {
  0%, 100% { opacity: 0.25; letter-spacing: 0.1em; }
  50%       { opacity: 0.5;  letter-spacing: 0.13em; }
}

html, body {
  margin: 0; padding: 0;
  background: #000000;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'DM Mono', monospace;
  color: rgba(255, 255, 255, 0.3);
  font-size: 11px;
  letter-spacing: 0.1em;
  animation: indexReveal 0.8s ease both;
}

body > * {
  animation: textPulse 2.4s ease-in-out infinite;
}