/* خلفية موحّدة لكل الموقع (مأخوذة من صفحة الخدمات) */
html,
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;

  /* نفس التدرّج اللي عندك بالخدمات */
  background: linear-gradient(
    150deg,
    #06080C 0%,
    #0A0F1A 15%,
    #3A3F46 40%,
    #94621C 70%,
    #F2E8D8 100%
  );
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;

  /* نفس لون النص العام */
  color: #F5F7FA;

  /* شوية تحسين استخدام على الموبايل */
  overscroll-behavior: none;
  touch-action: manipulation;
  overflow-x: hidden;
}

/* على الشاشات الصغيرة نخلي الخلفية تمشي مع الصفحة عشان ما تعلق */
@media (max-width: 768px) {
  html,
  body {
    background-attachment: scroll;
  }
}