:root {
  --brand-color: #67945b;
}

body { font-family: system-ui, sans-serif; margin:0; padding:0; background:#f8f9fa; color:#222; line-height:1.6; }
header { text-align:center; padding:50px 20px; background:var(--brand-color); color:white; }
header .logo { width:120px; display:block; margin:0 auto 15px; border-radius:12px; }
.downloads .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 25px;
  margin: 10px;
  background: var(--brand-color);
  color: white;
  text-decoration: none;
  border-radius: 8px;
  font-weight: bold;
  gap: 8px; /* المسافة بين الأيقونة والنص */
}

.downloads .btn.ios {
  background: #999;
}

.downloads .btn i {
  font-size: 18px; /* حجم الأيقونة */
}

section { max-width:800px; margin:50px auto; padding:0 20px; }
section h3 { color:var(--brand-color); margin-bottom:15px; }
ul { list-style:disc; padding-left:20px; }
footer { text-align:center; padding:30px; font-size:14px; color:#555; background:#eee; }
footer a { color:var(--brand-color); text-decoration:none; }
.contact form { display:flex; flex-direction:column; gap:10px; max-width:400px; margin:auto; }
.contact input, .contact textarea { padding:10px; border-radius:6px; border:1px solid #ccc; }
.contact button { background:var(--brand-color); color:white; border:none; padding:12px; border-radius:8px; cursor:pointer; }