/* Base resets specified by prompt */
body { 
  font-family: 'Inter', sans-serif; 
}

/* Metallic text shine animation */
@keyframes metallicShine {
  0% {
    background-position: -200% center;
  }
  100% {
    background-position: 200% center;
  }
}

.metallic-text {
  /* A rich, metallic gradient combining silvers, grays, and soft blues */
  background: linear-gradient(
    110deg,
    #64748B 0%,
    #94A3B8 25%,
    #F8FAFC 45%,
    #E2E8F0 50%,
    #94A3B8 55%,
    #64748B 75%,
    #0F172A 100%
  );
  background-size: 200% auto;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation: metallicShine 4s linear infinite;
}

/* Floating entrance animation for the main banner */
@keyframes floatUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.float-up-animation {
  /* Changed to ease-in with a slightly longer duration for a smooth entrance */
  animation: floatUp 1.5s ease-in forwards;
}