.logo-glow {
  filter: drop-shadow(0 0 8px rgba(96, 165, 250, 0.6));
}

.logo-pulse {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.35rem;
  border-radius: 9999px;
  animation: pulse 4s ease-in-out infinite;
  isolation: isolate;
}

.logo-pulse::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(96, 165, 250, 0.45);
  box-shadow: 0 0 18px rgba(96, 165, 250, 0.4);
  animation: ringPulse 4s ease-in-out infinite;
  pointer-events: none;
}

.logo-pulse img {
  border-radius: 9999px;
  display: block;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 rgba(59, 130, 246, 0.25);
  }
  50% {
    box-shadow: 0 0 18px rgba(96, 165, 250, 0.7);
  }
  100% {
    box-shadow: 0 0 0 rgba(59, 130, 246, 0.25);
  }
}

@keyframes ringPulse {
  0% {
    transform: scale(0.9);
    opacity: 0.4;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.85;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.4;
  }
}
