/* Base Styles */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Cairo', 'Segoe UI', system-ui, -apple-system, sans-serif;
    background: var(--bg-primary);
    color: var(--text-primary);
    line-height: 1.7;
    font-weight: 400;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* خلفية الصفحة الرئيسية - تغيير الخلفية لتكون مشابهة لتلك في صفحة التسجيل */
.bg-primary-layer {
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(circle, rgba(0, 229, 255, 0.15) 0%, transparent 60%); 
    animation: none; /* تعطيل الأنيميشن */
}

.bg-gradient-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.5) 0%,
        rgba(0, 0, 0, 0.8) 100%
    );
    opacity: 0.5;
}

/* تعديل الخواص في hero section لزيادة الهدوء */
.hero {
    background: rgba(0, 0, 0, 0.6); /* خلفية ضبابية */
    background-image: none; /* تعطيل الأنيميشن أو الصور المتحركة */
    background-size: cover;
    background-position: center;
}