المراجعة النهائية لكل الطلبه

<link href='https://fonts.googleapis.com' rel='preconnect'/>
<link crossorigin='anonymous' href='https://fonts.gstatic.com' rel='preconnect'/>

<link href='https://googleapis.com' rel='stylesheet'/>
<style>
/* النصوص الأساسية */
body, .post-body {
  font-family: 'Cairo', sans-serif !important;
}

/* العناوين */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Cairo', sans-serif !important;
}

/* الاقتباسات */
blockquote {
  font-family: 'Cairo', sans-serif !important;
}
</style>
    
    
    
    /* 🚀 تحسين الأنيميشن لتقليل CLS */

/* قاعدة عامة لكل العناصر المتحركة */
.animated {
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateZ(0); /* يجبر المتصفح على استخدام GPU */
}

/* مثال: حركة انزلاق سلسة */
@keyframes slideIn {
  from { transform: translateX(-50px); opacity: 0; }
  to   { transform: translateX(0); opacity: 1; }
}

.slide-in {
  animation: slideIn 0.6s ease-out forwards;
}

/* مثال: حركة تكبير/تصغير سلسة */
@keyframes scaleUp {
  from { transform: scale(0.9); opacity: 0; }
  to   { transform: scale(1); opacity: 1; }
}

.scale-up {
  animation: scaleUp 0.5s ease-out forwards;
}

/* مثال: تلاشي (Fade In) */
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.fade-in {
  animation: fadeIn 0.8s ease-in forwards;
}