:root {
  --blue:#1f3c88;
  --orange:#f39c12;
  --orange-light:#ffe0b2;
  --bg:#f7f9fc;
  --card-bg:#ffffff;
  --muted:#555;
}

body {
  margin:0;
  padding:0;
  font-family:"Tahoma",sans-serif;
  background:var(--bg);
  color:#222;
}

a { color:var(--orange); text-decoration:none }
a:hover { text-decoration:underline }

/* header */
header {
  background:linear-gradient(90deg,var(--blue),var(--orange));
  color:#fff;
  padding:18px 12px;
  text-align:center;
  box-shadow:0 3px 8px rgba(0,0,0,0.08);
}
header h1 { margin:0;font-size:22px }
header nav { margin-top:10px }
header nav a { color:#fff;margin:0 10px;font-weight:600 }

/* همکاران ویژه */
.partners-top {
  max-width:1200px;
  margin:18px auto;
  padding:16px;
  border-radius:10px;
  background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,0.05);
  border-right:4px solid var(--orange);
}
.partners-top h2 { margin:0 0 10px 0;color:var(--blue) }
.partner-card { background:#fff;padding:12px;border-radius:8px;border:1px solid rgba(0,0,0,0.08);margin-bottom:10px }
.partner-card h4 { margin:0 0 6px 0;color:var(--orange) }
.partner-card p { margin:0;color:var(--muted);font-size:14px }

/* main & aside */
.container { max-width:1200px;margin:20px auto;display:flex;gap:20px;padding:0 12px }
main { flex:3;background:var(--card-bg);padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.04) }
aside { flex:1;background:#fdfdfd;padding:16px;border-radius:10px;border:1px solid rgba(0,0,0,0.08) }
main h2 { margin-top:0;color:var(--blue) }
main p { line-height:1.8;color:#333 }
aside h3 { margin-top:0;color:var(--blue) }
aside ul { padding:0;margin:8px 0 0 0;list-style:none }
aside ul li { margin-bottom:8px }
aside ul li a { color:var(--orange);font-weight:600 }
.partners-list { margin-top:18px }
.partners-list ul { display:flex;flex-direction:column;gap:8px;padding:0;list-style:none }
.partners-list li a { color:var(--blue);font-weight:600 }

/* footer */
footer { background:var(--blue);color:#fff;padding:18px 12px;margin-top:26px }
footer p { margin:0 0 10px 0 }
footer nav ul { list-style:none;padding:0;margin:0;display:flex;gap:14px;justify-content:center;flex-wrap:wrap }
footer nav ul li a { color:var(--orange-light);font-weight:600 }
.footer-partners { margin-top:12px;text-align:center }
.footer-partners ul { list-style:none;padding:0;margin:8px 0 0 0;display:flex;gap:12px;justify-content:center;flex-wrap:wrap }
.footer-partners ul li a { color:#fff;background:rgba(255,255,255,0.1);padding:6px 10px;border-radius:6px }

/* ریسپانسیو */
@media(max-width:900px) {
  .container { flex-direction:column }
}

/* لیست آگهی‌ها */
.ads-list {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:16px;
  margin-top:16px;
}
.ad-box {
  background:#fff;
  border:1px solid rgba(0,0,0,0.1);
  border-radius:8px;
  padding:14px;
  box-shadow:0 2px 6px rgba(0,0,0,0.05);
}
.ad-box h4 { margin:0 0 8px 0;color:var(--blue) }
.ad-box p { margin:0 0 10px 0;color:#333;font-size:14px }
.ad-box a {
  background:var(--orange);
  color:#fff;
  padding:6px 10px;
  border-radius:5px;
  font-size:14px;
}
.ad-box a:hover { background:#d17c09 }

/* فرم تماس */
form {
  display: flex;
  flex-direction: column;
  gap: 12px; /* فاصله بین فیلدها */
}

form input[type="text"],
form input[type="email"],
form textarea {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
}

form button {
  width: 150px;
  padding: 8px 12px;
  border: none;
  border-radius: 5px;
  background-color: #007bff;
  color: #fff;
  cursor: pointer;
}

form button:hover {
  background-color: #0056b3;
}