/* CSS customizado — complementa as classes do Tailwind */

body {
  background-image: radial-gradient(circle at 50% 0%, #1e293b 0%, #0f172a 60%);
}

.hello-title {
  background: linear-gradient(90deg, #34d399, #22d3ee, #a78bfa);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: fade-in 0.9s ease-out both;
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}