* { font-family: 'Vazirmatn', Tahoma, sans-serif; }

body { margin: 0; background: #f4f7f8; }

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

@keyframes bump {
  0% { transform: scale(1); }
  30% { transform: scale(1.25) rotate(-8deg); }
  60% { transform: scale(0.95) rotate(4deg); }
  100% { transform: scale(1); }
}
.animate-bump { animation: bump 0.4s ease; }

@keyframes toast {
  0% { transform: translate(-50%, 30px); opacity: 0; }
  10% { transform: translate(-50%, 0); opacity: 1; }
  90% { transform: translate(-50%, 0); opacity: 1; }
  100% { transform: translate(-50%, 30px); opacity: 0; }
}
.animate-toast { animation: toast 2.5s ease forwards; }

@keyframes spin { to { transform: rotate(360deg); } }
.animate-spin { animation: spin 0.8s linear infinite; }

/* smooth scroll for whole page */
html { scroll-behavior: smooth; }