/**
 * ============================================
 * UNIFIED BACKGROUND - خلفية موحدة
 * ============================================
 * لون خلفية موحد لجميع الصفحات يطابق شاشة التحميل
 * لتجنب التغيير المفاجئ في اللون
 */

/* الخلفية الأساسية لجميع الصفحات */
html,
body {
    background-color: #020815 !important;
    min-height: 100vh;
}

/* خلفية القسم الرئيسي */
#home,
.hero-section,
section[id="home"] {
    background: radial-gradient(ellipse at center, #0a1628 0%, #020815 100%) !important;
}

/* التأكد من عدم وجود خلفية بيضاء */
* {
    box-sizing: border-box;
}

/* منع الوميض الأبيض عند التحميل */
html::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #020815;
    z-index: -1;
}

/* خلفية موحدة للصفحات الأخرى */
.services-section,
.portfolio-section,
.about-section,
.contact-section {
    background: radial-gradient(ellipse at center, #0a1628 0%, #020815 100%);
    min-height: 100vh;
}