/* الخط العام ولون أساسي */
body {
  font-family: 'Cairo', Arial, sans-serif;
  background: linear-gradient(120deg, #f6f8ff 0%, #e3eaff 100%);
  color: #23233a;
  min-height: 100vh;
  font-size: 1.1rem;
  line-height: 1.7;
  font-weight: 200;
}

/* الروابط العامة */
a {
  transition: .3s all ease;
}
a:hover {
  text-decoration: none;
}

/* زر رئيسي عصري */
/* زر تحميل */
.btn-main, .btn {
  background: linear-gradient(90deg, #7CD1FF 40%, #A0D9D9 100%);
  color: #184060 !important;
  border: none;
  border-radius: 2rem;
  padding: 14px 40px;
  font-size: 1.2rem;
  font-weight: bold;
  box-shadow: 0 4px 16px rgba(91,117,255,0.09);
  transition: all 0.18s;
  margin-bottom: 5px;
}
.btn-main:hover, .btn:hover {
  opacity: 0.97;
  transform: scale(1.04) translateY(-2px);
  box-shadow: 0 8px 30px rgba(91,117,255,0.13);
}

/* زر شرح البرنامج */
.btn-guide {
  background: linear-gradient(90deg, #C9B5FF 40%, #F9E0FF 100%);
  color: #653a8a !important;
  border: none;
  border-radius: 2rem;
  padding: 14px 40px;
  font-size: 1.2rem;
  font-weight: bold;
  box-shadow: 0 4px 16px rgba(201,181,255,0.10);
  transition: all 0.18s;
  margin-top: 8px;
  margin-bottom: 5px;
  display: inline-block;
  text-align: center;
}
.btn-guide:hover {
  opacity: 0.98;
  transform: scale(1.04) translateY(-2px);
  background: linear-gradient(90deg, #F9E0FF 40%, #C9B5FF 100%);
  box-shadow: 0 8px 30px rgba(201,181,255,0.13);
  text-decoration: none;
}
/* الهيدر والشعار */
.main-logo {
  max-width: 500px;
  margin-bottom: 25px;
  border-radius: 20px;
  box-shadow: 0 0 0 15px rgba(91,117,255,0.09); /* ظل متساوي حول كل الجهات */
}
.display-4, h1, .main-title {
  color: #4b46a6;
  font-weight: 700;
  letter-spacing: 1px;
}
.main-subtitle, .display-6 {
  font-size: 1.4rem;
  color: #6c47c6;
  font-weight: 500;
  margin-bottom: 15px;
  letter-spacing: 0.5px;
}
/*
.main-img-bg {
  background: linear-gradient(120deg, #e9e3ff 0%, #cde1ff 100%);
  border-radius: 25px;
  padding: 36px 16px 16px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}
*/
/* مميزات البرنامج (بطاقات) */
.features-section {
  padding: 60px 0 40px 0;
  margin-top: 15px;
}
.section-title {
  font-size: 1.3rem;
  color: #6c47c6;
  font-weight: 700;
  margin-bottom: 28px;
  letter-spacing: 0.5px;
}
.big-img {
  width: 100%;
  max-width: 700px; /* غير هذا الرقم حسب الحجم الذي يناسبك */
  display: block;
  margin: 0 auto 32px auto; /* توسيط وفاصل سفلي */
}
.feature-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 6px 30px 0 rgba(89,119,255,0.08);
  padding: 16px 22px;
  margin-bottom: 18px;
  display: flex;
  align-items: flex-start;
  transition: box-shadow .22s;
}
.feature-card:hover {
  box-shadow: 0 10px 32px 0 rgba(108,71,198,0.13);
}
.feature-card img {
  width: 42px;
  margin-left: 18px;
  flex-shrink: 0;
  border-radius: 50%;
  box-shadow: 0 2px 16px rgba(91,117,255,0.10);
}
.feature-card h5 {
  color: #444a86;
  font-size: 1.15rem;
  margin: 0;
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.1px;
}

/* الفوتر */
/* الفوتر */
.site-footer {
  background: #E8E3FF;
  color: #62459B;
  padding: 20px 0 0 0;
  margin-top: 40px;
  border-radius: 20px 20px 0 0;
}
.site-footer p {
  margin: 0;
  text-align: center;
  letter-spacing: 1px;
  font-size: 1.02rem;
}

/* استجابة الشاشات الصغيرة */
@media (max-width: 991.98px) {
  .main-img-bg {
    margin-bottom: 32px !important;
    min-height: 160px;
    padding: 18px 4px 8px 4px;
  }
  .features-section {
    padding: 30px 0 18px 0;
  }
  .section-title {
    font-size: 1.12rem;
  }
}

@media (max-width: 600px) {
  .feature-card {
    padding: 12px 10px;
    font-size: 1rem;
  }
  .main-logo {
    margin-top: 50px !important;
    max-width: 300px;
  }
}