/* Proxy Grove — Brand loading screen */
.pg-loader {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  background: var(--color-surface-body, #f9fafb);
  transition: opacity 0.45s ease, visibility 0.45s ease;
}

.pg-loader.is-done {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.pg-loader__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.pg-loader__glow {
  position: absolute;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    color-mix(in srgb, #13009a 28%, transparent) 0%,
    color-mix(in srgb, #137f15 16%, transparent) 45%,
    transparent 70%
  );
  animation: pg-loader-pulse 1.8s ease-in-out infinite;
  pointer-events: none;
}

.pg-loader__mark {
  position: relative;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 1.1rem;
  animation: pg-loader-spin 2.4s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
  filter: drop-shadow(0 8px 24px rgb(19 0 154 / 0.22));
}

.pg-loader__label {
  position: relative;
  margin: 0;
  font-family: "Space Grotesk", Inter, sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-heading, #13009a);
  opacity: 0.85;
}

.pg-loader__wordmark {
  position: relative;
  display: block;
  height: 1.5rem;
  width: auto;
  max-width: 11rem;
  opacity: 0.95;
}

html.dark .pg-loader {
  background: #0b0c14;
}

html.dark .pg-loader__label {
  color: #fff;
}

html.dark .pg-loader__wordmark {
  filter: brightness(0) invert(1);
  opacity: 0.92;
}

@keyframes pg-loader-spin {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.04);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}

@keyframes pg-loader-pulse {
  0%,
  100% {
    transform: scale(0.92);
    opacity: 0.7;
  }
  50% {
    transform: scale(1.12);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pg-loader__mark,
  .pg-loader__glow {
    animation: none;
  }
}