@keyframes circleEntrance {
  0% {
    transform: translate(-50%, -50%) scale(0.92);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
.center-circle.is-active {
  animation: circleEntrance 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes nameGlow {
  0%,
  100% {
    text-shadow: 0 0 20px rgba(109, 40, 255, 0);
  }
  50% {
    text-shadow: 0 0 30px rgba(109, 40, 255, 0.15);
  }
}
.center-name {
  animation: nameGlow 4s ease-in-out infinite;
}
@keyframes overlayBreathe {
  0%,
  100% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.8;
  }
}
.overlay-text {
  animation: overlayBreathe 3s ease-in-out infinite;
}