/* أساسي */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Segoe UI', sans-serif; color:#333; background:#f5f5f5; direction:rtl; }

/* الهيدر */
.header-software {
  width:100%; padding:12px 16px; display:flex; align-items:center; justify-content:space-between;
  background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1); position:sticky; top:0; z-index:100;
}
.header-software .icon-btn { background:none; border:none; cursor:pointer; padding:8px; }
.header-software .icon-btn img { width:24px; height:24px; }
.logo { display:flex; align-items:center; gap:8px; }
.logo-img { width:36px; height:auto; }
.logo h1 { font-size:1.6rem; font-weight:600; color:#0078D4; }

/* المحتوى */
.about-container { max-width:960px; margin:40px auto; padding:0 16px; }
.about-container .intro { text-align:center; margin-bottom:32px; }
.intro h2 { font-size:2rem; color:#0078D4; margin-bottom:12px; }
.intro p { font-size:1.15rem; line-height:1.6; margin-bottom:8px; }
.intro .author { font-size:0.95rem; color:#555; }

/* الميزات */
.features { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.feature-card {
  background:#fff; padding:24px 16px; border-radius:12px; text-align:center;
  box-shadow:0 4px 12px rgba(0,0,0,0.07); transition:transform .3s;
}
.feature-card:hover { transform:translateY(-4px); }
.feature-card img {
  width:64px; height:64px; object-fit:contain; margin-bottom:12px;
}
.feature-card h3 { margin-bottom:8px; color:#0078D4; }
.feature-card p { font-size:1rem; color:#555; line-height:1.5; }

/* الفوتر */
.footer {
  text-align:center; padding:16px; background:#fff; margin-top:40px; font-size:0.9rem;
  color:#777; box-shadow:0 -1px 4px rgba(0,0,0,0.05);
}

/* تجاوب */
@media(max-width:600px){
  .intro h2 { font-size:1.6rem; }
  .feature-card { padding:16px 12px; }
  .feature-card img { width:48px; height:48px; }
}