/* style.css - النسخة النهائية */
body {
    background-color: #f8fafc; /* Une couleur gris très clair/bleuté professionnelle */
}
/* الإعدادات العامة */
* { font-family: 'Cairo', sans-serif; }

/* التدرجات اللونية (الأزرق) */
.gradient-bg { background: linear-gradient(135deg, #0072ff 0%, #00c6ff 100%); }

.gradient-text { 
    background: linear-gradient(135deg, #0072ff 0%, #00c6ff 100%); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    background-clip: text; 
}

/* التدرج الخاص بصفحة التسجيل */
.text-gradient-fix {
    background: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* القائمة العلوية (Navbar) */
nav { backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.95); }

/* الأزرار */
.btn-primary { 
    background: linear-gradient(135deg, #0072ff 0%, #00c6ff 100%); 
    transition: all 0.3s ease; 
}
.btn-primary:hover { 
    transform: scale(1.05); 
    box-shadow: 0 10px 30px rgba(0, 114, 255, 0.4); 
}

/* بطاقات خطط الاشتراك (خاصة بصفحة signup-page.html) */
.plan-card { 
    transition: all 0.3s ease; 
    cursor: pointer; 
    border: 2px solid #e2e8f0; 
    background-color: white; /* إضافة خلفية بيضاء افتراضية */
}

.plan-card.selected { 
    border-color: #2563eb; 
    background-color: #eff6ff; 
    transform: translateY(-5px);
    box-shadow: 0 10px 20px -5px rgba(37, 99, 235, 0.2);
}