/*
 * GX LOADER — Premium Minimal Neon
 * Elegant Flamingo Pink spinner with subtle glow.
 */

.gx-loader {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 4px solid rgba(255, 79, 163, 0.18);
  border-top-color: var(--color-brand);

  animation: gx-spin 0.9s linear infinite;

  box-shadow: 0 0 14px rgba(255, 79, 163, 0.25);
}

/* Smaller inline version */
.gx-loader-sm {
  width: 26px;
  height: 26px;
  border-width: 3px;
}

/* Larger hero version */
.gx-loader-lg {
  width: 64px;
  height: 64px;
  border-width: 6px;
}

/* Centered container */
.gx-loader-center {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 2.5rem 0;
}

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


/* ===== Optional Pulse Aura ===== */

.gx-loader-pulse {
  position: relative;
}

.gx-loader-pulse::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--color-brand-glow);
  animation: gx-pulse 1.8s ease-in-out infinite;
}

@keyframes gx-pulse {
  0%   { transform: scale(1); opacity: 0.45; }
  50%  { transform: scale(1.4); opacity: 0.15; }
  100% { transform: scale(1); opacity: 0.45; }
}