.loader-wrapper {
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at center, #0f1f3d, #050b1c);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.logo-loader {
  width: 220px;
  animation: float 2s ease-in-out infinite;
}

.logo-svg {
  width: 100%;
  height: 100%;
}

.outer-ring {
  fill: none;
  stroke: #5ecbff;
  stroke-width: 3;
  filter: drop-shadow(0 0 8px #5ecbff);
  animation: rotate 3s linear infinite;
}

.brain-outline {
  fill: none;
  stroke: #5ecbff;
  stroke-width: 3;
  stroke-linecap: round;

  stroke-dasharray: 600;
  stroke-dashoffset: 600;

  animation: drawBrain 2s ease forwards,
             glowPulse 2s ease-in-out infinite alternate 2s;
}

.logo-text {
  fill: #a8e6ff;
  font-size: 36px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  opacity: 0;
  filter: drop-shadow(0 0 20px #5ecbff);
  animation: textFade 0.5s ease forwards 1s;
}

@keyframes drawBrain {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes glowPulse {
  from { filter: drop-shadow(0 0 5px #5ecbff); }
  to { filter: drop-shadow(0 0 25px #5ecbff); }
}

@keyframes textFade {
  to { opacity: 1; }
}

@keyframes rotate {
  from { transform: rotate(0deg); transform-origin: center; }
  to { transform: rotate(360deg); transform-origin: center; }
}

@keyframes float {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
  100% { transform: translateY(0px); }
}