/* Кнопка «Помощь» в шапке. При наведении знак вопроса слегка подрастает,
   покачивается вокруг центра кружка и подсвечивается зелёным. */
a.group\/help svg.lucide-help-circle {
  overflow: visible;
  transform-origin: center;
  transition: transform .28s cubic-bezier(.34, 1.4, .64, 1), filter .28s ease;
}

a.group\/help:hover svg.lucide-help-circle,
a.group\/help:focus-visible svg.lucide-help-circle {
  transform: scale(1.14);
  filter: drop-shadow(0 0 5px rgba(61, 255, 158, 0.45));
}

/* Сам «?» и точка качаются вокруг центра кружка, а не вокруг себя:
   так движение читается как наклон головы, а не как вращение глифа. */
a.group\/help svg.lucide-help-circle path {
  transform-box: view-box;
  transform-origin: 12px 12px;
}

a.group\/help:hover svg.lucide-help-circle path,
a.group\/help:focus-visible svg.lucide-help-circle path {
  animation: skc-help-nod .62s cubic-bezier(.34, 1.3, .64, 1);
}

@keyframes skc-help-nod {
  0% { transform: rotate(0deg); }
  28% { transform: rotate(-13deg); }
  62% { transform: rotate(8deg); }
  100% { transform: rotate(0deg); }
}

@media (prefers-reduced-motion: reduce) {
  a.group\/help svg.lucide-help-circle,
  a.group\/help:hover svg.lucide-help-circle,
  a.group\/help:focus-visible svg.lucide-help-circle { transform: none; transition: none; }
  a.group\/help:hover svg.lucide-help-circle path,
  a.group\/help:focus-visible svg.lucide-help-circle path { animation: none; }
}