/* =========================================================
   EWA WOŁCZAK — LOGOPEDA — animations.css — @keyframes
   Wydzielone ze styles.css podczas refactoringu (2026).
   ========================================================= */@keyframes blobfloat{
  0%,100%{ transform:translate(0,0) scale(1); }
  50%{ transform:translate(20px,-24px) scale(1.05); }
}

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

@keyframes heroPopIn{
  from{ opacity:0; transform:scale(.97); }
  to{ opacity:1; transform:scale(1); }
}

@keyframes heroPortraitIn{
  from{ opacity:0; transform:translateY(calc(-50% + 16px)) scale(.98); }
  to{ opacity:1; transform:translateY(-50%) scale(1); }
}

@keyframes doodlefloat{
  0%,100%{ transform:translateY(0) rotate(0deg); }
  50%{ transform:translateY(-5px) rotate(2deg); }
}

@keyframes confettiSpadanie{
  0%{ opacity:0; transform:translateY(0) rotate(0deg); }
  8%{ opacity:1; }
  100%{ opacity:0; transform:translateY(420px) rotate(540deg); }
}

@keyframes fieldMessageIn{
  from{ opacity:0; transform:translateY(-4px); }
  to{ opacity:1; transform:translateY(0); }
}

@keyframes pixelPop{
  from{ transform:scaleY(0); transform-origin:bottom; opacity:0; }
  to{ transform:scaleY(1); transform-origin:bottom; opacity:1; }
}

@keyframes bannerModalPop{
  from{ transform:scale(.96) translateY(8px); opacity:0; }
  to{ transform:scale(1) translateY(0); opacity:1; }
}