/* ============================================================
   TINYSQUARE STUDIO — ANIMATIONS CSS
   Keyframes and animation utilities
   ============================================================ */

/* ============================================================
   FLOAT — App icon hover effect
   ============================================================ */
@keyframes float {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-8px); }
  100% { transform: translateY(0px); }
}

/* ============================================================
   FADE IN — Overlay / modal backdrop
   ============================================================ */
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ============================================================
   SCALE IN — Modal container pop-in
   ============================================================ */
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.93);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* ============================================================
   SLIDE UP — Legal modal entrance
   ============================================================ */
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ============================================================
   ARROW BOUNCE — scroll indicator
   ============================================================ */
@keyframes arrowBounce {
  0%, 100% { transform: translateY(0); opacity: 0.7; }
  50%       { transform: translateY(5px); opacity: 1; }
}

/* ============================================================
   FADE OUT — toast disappear
   ============================================================ */
@keyframes fadeOut {
  from { opacity: 1; }
  to   { opacity: 0; }
}