:root{ 
--teal:#3DBFB8; 
--teal-dark:#2aa39c; 
--teal-light:#e6f9f8; 
--orange:#FF7A3D; 
--white:#fff; 
--dark:#1a2e2d; 
--gray:#6b7c7b; 
}

body { 
    font-family: 'Nunito', sans-serif;
     background: var(--white);
      color: var(--dark);
       margin: 0;
        line-height: 1.7;
}

body.ar {
  font-family: 'Cairo', sans-serif;
  direction: rtl;
  text-align: right;
}

/* Simple Page Layout */
.page-container { 
    max-width: 800px;
     margin: 0 auto;
      padding: 8rem 2rem 4rem;
}

.page-header { 
    text-align: center;
     margin-bottom: 3rem;
}

.page-title { 
    font-family: 'Righteous', cursive;
     font-size: 3rem;
      color: var(--dark);
       margin-bottom: 0.5rem;
}

.page-subtitle { 
    color: var(--gray);
     font-weight: 600;
      font-size: 1.1rem;
}

.content-block { 
    background: var(--teal-light);
    border-radius: 24px;
    padding: 2rem;
    margin-bottom: 2rem;
}

.content-block h2 {
    color: var(--teal-dark); 
    font-size: 1.5rem; 
    margin-top: 0; 
}

.content-block p { 
    font-size: 1rem;
     color: var(--dark);
}

.team-grid { 
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

.team-card { 
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); 
}

.team-card img { 
    width: 80px; 
    height: 80px; 
    border-radius: 50%; 
    object-fit: cover; 
    margin-bottom: 1rem; 
}

.team-card h4 { 
    margin: 0;
    font-size: 1rem;
    color: var(--dark);
}

.team-card span { 
    font-size: 0.85rem; 
    color: var(--gray); 
}

/* Back Button */
.back-link { 
    display: inline-block; 
    margin-bottom: 2rem; 
    color: var(--teal); 
    font-weight: 700; 
    text-decoration: none; 
}

.back-link:hover { 
    text-decoration: underline; 
}

/* Download Buttons */
.dl-btn {
  background: var(--dark);
  color: white;
  padding: 0.8rem 1.5rem;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.9rem;
  transition: transform 0.2s;
}
.dl-btn:hover {
  transform: translateY(-2px);
  background: var(--teal-dark);
}

/* News Items */
.news-date {
  font-size: 0.8rem;
  color: var(--orange);
  font-weight: 800;
  text-transform: uppercase;
}
.news-item h3 {
  margin: 0.2rem 0;
  font-size: 1.1rem;
  color: var(--dark);
}