/* Loader.css */
.loader-overlay {
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at center, #1a1a1a, #000000);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  overflow: hidden;
  animation: fadeOutOverlay 1s ease-in-out forwards;
  animation-delay: 2.5s; /* When to fade out */
}

.loader-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeInScale 1s ease-out forwards;
}

.loader-logo {
  width: 120px;
  height: auto;
  animation: pulseGlow 2s infinite ease-in-out;
}

.loader-text {
  margin-top: 25px;
  font-size: 30px;  /* Bigger text */
  font-weight: bold; /* Bold */
  text-transform: uppercase; /* All caps */
  color: #fff;
  opacity: 0.7;
  letter-spacing: 2px;
  animation: fadeInText 1s ease-out forwards;
  animation-delay: 0.5s;
}


/* Animations */
@keyframes fadeInScale {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes pulseGlow {
  0%, 100% {
    filter: drop-shadow(0 0 10px rgba(255,255,255,0.4));
    transform: scale(1);
  }
  50% {
    filter: drop-shadow(0 0 25px rgba(255,255,255,0.9));
    transform: scale(1.05);
  }
}

@keyframes fadeInText {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 0.7; transform: translateY(0); }
}

@keyframes fadeOutOverlay {
  to {
    opacity: 0;
    visibility: hidden;
  }
}