/*
 * Animated background logo for login page (heartbeat effect)
 */
.animated-bg-logo {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 60vw;
  max-width: 600px;
  min-width: 300px;
  opacity: 0.10;
  z-index: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
  animation: heartbeat 2.2s infinite;
}

@keyframes heartbeat {
  0% { transform: translate(-50%, -50%) scale(1); opacity: 0.10; }
  10% { transform: translate(-50%, -50%) scale(1.08); opacity: 0.13; }
  20% { transform: translate(-50%, -50%) scale(1.15); opacity: 0.16; }
  30% { transform: translate(-50%, -50%) scale(1.10); opacity: 0.13; }
  40% { transform: translate(-50%, -50%) scale(1.05); opacity: 0.11; }
  50% { transform: translate(-50%, -50%) scale(1); opacity: 0.10; }
  100% { transform: translate(-50%, -50%) scale(1); opacity: 0.10; }
}