/* ===================================
   Animations & Keyframes
   =================================== */

/* ── Screen entrance ── */
@keyframes screenFadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes screenSlideIn {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ── List item stagger ── */
@keyframes listItemIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── Card content transition ── */
@keyframes cardContentEnter {
  0% {
    opacity: 0.4;
    transform: scale(0.97);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* ── Hint pulse ── */
@keyframes subtlePulse {
  0%, 100% { opacity: 0.45; }
  50% { opacity: 0.75; }
}

/* ── Brand icon float ── */
@keyframes gentleFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

/* ── Progress bar fill ── */
@keyframes progressGlow {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.2); }
}

/* ── Button press ── */
@keyframes btnPress {
  0% { transform: scale(1); }
  50% { transform: scale(0.96); }
  100% { transform: scale(1); }
}