:root {
  --bg: #1c1d1f;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  background: var(--bg);
  overflow: hidden;
}

.bg-logo {
  position: fixed;
  top: 50%;
  left: 50%;
  width: min(140vw, 140vh);
  transform: translate(-50%, -50%);
  animation: breathe 6s ease-in-out infinite, colorcycle 8s linear infinite;
}

@keyframes colorcycle {
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}

@keyframes breathe {
  0%, 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  50% { opacity: 0.5; transform: translate(-50%, -50%) scale(1.05); }
}