/* animations.css — Klatki kluczowe (@keyframes) — wszystkie animacje */


@keyframes drift {
  from { transform: translateX(-20vw); }
  to   { transform: translateX(120vw); }
}

@keyframes ping {
  0%   { box-shadow: 0 0 0 0 rgba(245,158,11,.55); }
  70%  { box-shadow: 0 0 0 18px rgba(245,158,11,0); }
  100% { box-shadow: 0 0 0 0 rgba(245,158,11,0); }
}

@keyframes bob {
  0%,100% { transform: translateY(0) rotate(-1deg); }
  50%     { transform: translateY(-14px) rotate(1deg); }
}

@keyframes dash { to { stroke-dashoffset: -600; } }

@keyframes fly {
  0%   { offset-distance: 0%;   opacity: 0; }
  8%   { opacity: 1; }
  92%  { opacity: 1; }
  100% { offset-distance: 100%; opacity: 0; }
}

@keyframes spin { to { transform: rotate(360deg); } }

@keyframes rise {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes shimmer { to { background-position: -200% 0; } }

@keyframes cardin {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }

@keyframes gload {
  0% { margin-left: -40%; }
  100% { margin-left: 100%; }
}