:root{
  --brand-1:#22c55e; /* أخضر */
  --brand-2:#ef4444; /* أحمر */
  --brand-3:#f59e0b; /* أصفر */
  --ink:#0b1220;
}

/* ===== Buttons ===== */
.btn-prego {
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  min-width:200px; font-weight:600; font-size:15px;
  padding:.65rem 1.4rem; border-radius:10px; color:#fff;
  background:linear-gradient(90deg, var(--brand-1), var(--brand-2), var(--brand-3));
  border:none; box-shadow:0 4px 14px rgba(220,38,38,.25);
  transition:transform .18s ease, box-shadow .18s ease;
}
.btn-prego:hover{ transform:translateY(-2px); box-shadow:0 6px 20px rgba(220,38,38,.35); color:#fff; text-decoration:none; }

.btn-ghost{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  min-width:200px; font-weight:500; font-size:15px;
  padding:.65rem 1.4rem; border-radius:10px;
  border:1px solid #d1d5db; background:#fff; color:#0f172a;
  transition:background .18s ease, transform .18s ease, border-color .18s ease;
}
.btn-ghost:hover{ background:#f9fafb; border-color:#9ca3af; transform:translateY(-2px); text-decoration:none; }

/* ===== Hero Card ===== */
.hero-card{
  position:relative; z-index:1;
  border-radius:20px; padding:3rem 3.5rem;
  background:rgba(255,255,255,.88);
  backdrop-filter:saturate(160%) blur(8px);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 12px 32px rgba(0,0,0,.1);
}
.hero-bg, .hero-section{ background:transparent !important; }

.hero-title{
  font-weight:800; font-size:2.3rem; line-height:1.2; color:#0f172a;
}
.hero-title .brand-pre{ color:var(--brand-1); }
.hero-title .brand-go{ color:var(--brand-2); }

/* ===== Stats ===== */
.hero-stats{ display:flex; gap:2rem; flex-wrap:wrap; text-align:center; }
.hero-stats .stat{ flex:1; }
.hero-stats .counter{
  display:block; font-size:1.8rem; font-weight:800; line-height:1.2;
}
.hero-stats .label{ font-size:.95rem; color:#64748b; }

/* ===== Figure / Parallax Image ===== */
.hero-figure{
  position:relative; overflow:hidden; border-radius:16px;
  box-shadow:0 10px 25px rgba(0,0,0,.12);
  /* خليها دائمًا شكل جمالي */
  aspect-ratio: 16 / 10;         /* يدعم كروم/إيدج/فايرفوكس وسفاري */
  background:#f3f4f6;
}
.hero-figure img{
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  display:block; will-change:transform; transition:transform .1s linear;
}
.hero-figure::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.12));
  mix-blend-mode:multiply;
}

/* Reveal (لو حابب تبقيها) */
.reveal{ opacity:1; transform:none; }
.reveal.reveal-in{ opacity:1; transform:translateY(0); }

/* Responsive */
@media (max-width: 991.98px){
  .hero-card{ padding:2rem 1.25rem; }
  .hero-title{ font-size:1.9rem; }
  .hero-figure{ aspect-ratio: 16 / 11; } /* أطول شوية على الموبايل */
}





/* ===== Services Section ===== */
.services-section{
  padding:4rem 0;
}

.service-card{
  border-radius:16px;
  border:1px solid #e5e7eb;
  background:#fff;
  padding:2rem 1.5rem;
  transition:transform .18s ease, box-shadow .18s ease;
  box-shadow:0 4px 14px rgba(0,0,0,.05);
  height:100%;
  position:relative;
  overflow:hidden;
}
.service-card:hover{
  transform:translateY(-6px);
  box-shadow:0 10px 25px rgba(0,0,0,.12);
}

.service-icon{
  width:56px; height:56px;
  display:flex; align-items:center; justify-content:center;
  border-radius:14px;
  background:linear-gradient(135deg, var(--brand-1), var(--brand-2), var(--brand-3));
  color:#fff; font-size:26px;
  margin-bottom:1rem;
  box-shadow:0 6px 16px rgba(0,0,0,.15);
}

.service-card h3{
  font-size:1.2rem;
  font-weight:700;
  margin-bottom:.5rem;
}
.service-card p{
  color:#64748b;
  font-size:.95rem;
  margin-bottom:1rem;
}
.service-bullets{
  list-style:none;
  padding:0;
  margin:0 0 1rem 0;
}
.service-bullets li{
  margin-bottom:.4rem;
  color:#374151;
  font-size:.9rem;
}
.service-bullets li::before{
  content:"✔";
  color:var(--brand-1);
  font-weight:bold;
  margin-right:.5rem;
}

/* زر التفاصيل */
.service-card .btn-ghost{
  border-radius:8px;
  padding:.45rem 1rem;
  font-size:.9rem;
}




/* --- Universities logos --- */
.uni-logo-wrap{ min-height:64px; }
.uni-logo{
  max-height: 80px;   /* الحجم الطبيعي للشعارات */
  width: auto;
  height: auto;
  object-fit: contain;

  filter: grayscale(100%) contrast(95%) brightness(95%);
  opacity:.9; transition: filter .18s ease, opacity .18s ease, transform .18s ease;
}
.uni-logo-wrap:hover .uni-logo{
  filter: none; opacity:1; transform: translateY(-2px);
}
@media (min-width:992px){
  .uni-logo{ max-height: 80px; } /* خليه نفس الحجم أو أكبر */
}
.uni-logo-wrap {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}