:root{
  --green-900:#1f3527;
  --green-800:#2a4733;
  --green-700:#365842;
  --green-600:#436a52;
  --green-500:#5a7d68;
  --gold:#bc9a5f;
  --gold-light:#d4b878;
  --gold-deep:#9a7c45;
  --cream:#f7f3ea;
  --cream-2:#efe8d8;
  --paper:#fbfaf5;
  --ink:#1a2820;
  --muted:#5d6b62;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;
  background:var(--paper);
  color:var(--ink);
  overflow-x:hidden;
  line-height:1.7;
}
::selection{background:var(--green-700);color:var(--cream)}

/* ===== Decorative arabesque background pattern ===== */
.arabesque-bg{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  opacity:0.04;
  background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%231f3527' stroke-width='1'%3E%3Cpath d='M40 0 L80 40 L40 80 L0 40 Z'/%3E%3Cpath d='M40 20 L60 40 L40 60 L20 40 Z'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3C/g%3E%3C/svg%3E");
}

/* ===== Top bar ===== */
.topbar{
  background:var(--green-900);
  color:var(--cream);
  font-size:.82rem;
  padding:.55rem 0;
  position:relative;z-index:50;
  border-bottom:1px solid rgba(188,154,95,.25);
}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.topbar a{color:var(--gold-light);text-decoration:none;transition:.3s}
.topbar a:hover{color:#fff}
.topbar .contact-bits{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center}
.topbar .contact-bits span{display:flex;align-items:center;gap:.4rem;opacity:.9}

/* ===== Container ===== */
.wrap{max-width:1240px;margin:0 auto;padding:0 1.5rem}

/* ===== Navbar ===== */
header.nav{
  position:sticky;top:0;z-index:40;
  background:rgba(251,250,245,.85);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(31,53,39,.08);
  transition:.4s;
}
header.nav.scrolled{
  background:rgba(251,250,245,.96);
  box-shadow:0 10px 40px -18px rgba(31,53,39,.4);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0;gap:1rem}
.brand{display:flex;align-items:center;gap:.85rem}
.brand img{height:54px;width:auto}
.brand .tag{display:flex;flex-direction:column;line-height:1.2}
.brand .tag b{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;color:var(--green-800);font-size:1.05rem;font-weight:700}
.brand .tag small{color:var(--gold-deep);font-size:.72rem;letter-spacing:.5px}
nav ul{display:flex;gap:2rem;list-style:none;align-items:center}
nav a{text-decoration:none;color:var(--green-800);font-weight:500;font-size:.98rem;position:relative;transition:.3s}
nav a::after{content:'';position:absolute;bottom:-6px;right:0;width:0;height:2px;background:var(--gold);transition:.35s}
nav a:hover{color:var(--green-600)}
nav a:hover::after{width:100%}
.btn{
  font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-weight:700;cursor:pointer;border:none;
  padding:.7rem 1.7rem;border-radius:2px;font-size:.95rem;
  text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;
  transition:.35s;position:relative;overflow:hidden;
}
.btn-primary{
  background:var(--green-800);color:var(--cream);
  box-shadow:0 8px 24px -10px rgba(31,53,39,.7);
}
.btn-primary::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(120deg,transparent,rgba(212,184,120,.35),transparent);
  transform:translateX(-120%);transition:.6s;
}
.btn-primary:hover::before{transform:translateX(120%)}
.btn-primary:hover{background:var(--green-700);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--green-800);border:1.5px solid var(--gold)}
.btn-ghost:hover{background:var(--gold);color:var(--green-900)}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none}
.burger span{width:26px;height:2.5px;background:var(--green-800);transition:.3s}

/* ===== Hero ===== */
.hero{
  position:relative;z-index:1;
  padding:5.5rem 0 6.5rem;
  background:
    radial-gradient(ellipse 80% 60% at 80% 10%,rgba(188,154,95,.12),transparent 60%),
    radial-gradient(ellipse 70% 70% at 10% 90%,rgba(54,88,66,.1),transparent 60%),
    linear-gradient(180deg,var(--cream) 0%,var(--paper) 100%);
  overflow:hidden;
}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:.6rem;
  font-family:Helvetica,Arial,sans-serif;color:var(--gold-deep);font-weight:700;
  font-size:.9rem;letter-spacing:0;margin-bottom:1.4rem;
  padding:.4rem 1rem;border:1px solid rgba(188,154,95,.4);border-radius:40px;
  background:rgba(188,154,95,.07);
}
.hero-eyebrow .dot{width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 4px rgba(188,154,95,.2)}
.hero h1{
  font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-weight:700;
  font-size:clamp(2.6rem,5.5vw,4.4rem);
  line-height:1.25;color:var(--green-900);margin-bottom:1.3rem;
}
.hero h1 .accent{color:var(--gold-deep);position:relative;white-space:nowrap}
.hero h1 .accent::after{
  content:'';position:absolute;bottom:.05em;right:0;width:100%;height:.12em;
  background:linear-gradient(90deg,var(--gold),transparent);border-radius:2px;
}
.hero p.lead{font-size:1.18rem;color:var(--muted);margin-bottom:2.2rem;max-width:34rem;font-weight:400}
.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.6rem}
.hero-trust{display:flex;gap:2.4rem;flex-wrap:wrap}
.hero-trust .t{display:flex;flex-direction:column}
.hero-trust .t b{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-size:1.7rem;color:var(--green-700)}
.hero-trust .t span{font-size:.85rem;color:var(--muted)}

/* Hero visual — ornamented card */
.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}
.hero-frame{
  position:relative;width:100%;max-width:420px;aspect-ratio:4/5;
  background:linear-gradient(160deg,var(--green-800),var(--green-900));
  border-radius:6px;
  box-shadow:0 40px 90px -40px rgba(31,53,39,.7),0 0 0 1px rgba(188,154,95,.3);
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  padding:2.5rem;overflow:hidden;
}
.hero-frame::before{
  content:'';position:absolute;inset:14px;border:1px solid rgba(188,154,95,.35);border-radius:3px;pointer-events:none;
}
.hero-frame::after{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23bc9a5f' stroke-width='.7' opacity='.5'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z'/%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/svg%3E");
  opacity:.18;
}
.hero-frame img.logo-cream{width:75%;position:relative;z-index:2;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}
.hero-frame .ayah{
  position:relative;z-index:2;color:var(--gold-light);
  font-family:'Amiri';font-size:1.15rem;text-align:center;margin-top:2rem;
  line-height:2;opacity:.95;
}
.hero-frame .ayah small{display:block;font-size:.78rem;color:rgba(247,243,234,.6);margin-top:.6rem;letter-spacing:1px}
.float-badge{
  position:absolute;background:var(--paper);border-radius:4px;
  padding:.9rem 1.2rem;box-shadow:0 20px 50px -20px rgba(31,53,39,.5);
  display:flex;align-items:center;gap:.7rem;font-weight:700;font-size:.9rem;color:var(--green-800);
  border:1px solid rgba(188,154,95,.3);
}
.float-badge .ic{width:34px;height:34px;background:var(--gold);color:var(--green-900);border-radius:50%;display:flex;align-items:center;justify-content:center}
.float-badge.b1{top:8%;right:-5%;animation:float 5s ease-in-out infinite}
.float-badge.b2{bottom:12%;left:-8%;animation:float 5s ease-in-out infinite .8s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* ===== Section base ===== */
section{position:relative;z-index:1}
.sec{padding:5.5rem 0}
.sec-head{text-align:center;max-width:42rem;margin:0 auto 3.5rem}
.sec-eyebrow{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;color:var(--gold-deep);letter-spacing:2px;font-size:.85rem;display:block;margin-bottom:.8rem}
.sec-head h2{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-weight:800;letter-spacing:-.8px;font-size:clamp(2rem,3.6vw,2.9rem);color:var(--green-900);margin-bottom:1rem;line-height:1.35}
.sec-head p{color:var(--muted);font-size:1.08rem}
.divider-orn{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.2rem 0}
.divider-orn .line{height:1px;width:60px;background:linear-gradient(90deg,transparent,var(--gold))}
.divider-orn .line:last-child{background:linear-gradient(90deg,var(--gold),transparent)}
.divider-orn .star{color:var(--gold);font-size:1rem}

/* ===== Institutes ===== */
.bg-cream{background:linear-gradient(180deg,var(--cream) 0%,var(--cream-2) 100%)}
.inst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
.inst-card{
  background:var(--paper);border-radius:6px;padding:2.4rem 1.9rem;
  border:1px solid rgba(31,53,39,.07);position:relative;overflow:hidden;
  transition:.45s cubic-bezier(.2,.7,.3,1);
}
.inst-card::before{
  content:'';position:absolute;top:0;right:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--gold),var(--green-600));transform:scaleX(0);transform-origin:right;transition:.45s;
}
.inst-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px -30px rgba(31,53,39,.4);border-color:rgba(188,154,95,.4)}
.inst-card:hover::before{transform:scaleX(1)}
.inst-icon{
  width:64px;height:64px;border-radius:8px;display:grid;place-items:center;margin-bottom:1.4rem;
  background:linear-gradient(150deg,var(--green-700),var(--green-900));color:var(--gold-light);
  box-shadow:0 12px 28px -12px rgba(31,53,39,.6);
}
.inst-icon svg{width:32px;height:32px}
.inst-card h3{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-size:1.4rem;color:var(--green-900);margin-bottom:.7rem}
.inst-card p{color:var(--muted);font-size:.98rem;margin-bottom:1.2rem}
.inst-meta{display:flex;align-items:center;gap:.5rem;color:var(--gold-deep);font-weight:700;font-size:.9rem}

/* ===== Stages / Levels ===== */
.stages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem}
.stage{
  background:linear-gradient(160deg,var(--green-800),var(--green-900));
  color:var(--cream);border-radius:6px;padding:2rem 1.5rem;text-align:center;
  position:relative;overflow:hidden;transition:.4s;border:1px solid rgba(188,154,95,.2);
}
.stage:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 28px 60px -28px rgba(31,53,39,.7)}
.stage .num{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-weight:700;font-size:2.6rem;color:var(--gold-light);line-height:1;margin-bottom:.6rem;opacity:.9}
.stage h4{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-size:1.15rem;margin-bottom:.5rem}
.stage p{font-size:.85rem;color:rgba(247,243,234,.7)}
.stage::after{
  content:'';position:absolute;bottom:-30px;left:-30px;width:90px;height:90px;
  border:1px solid rgba(188,154,95,.25);border-radius:50%;
}

/* ===== Subjects ===== */
.subj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem}
.subj{
  background:var(--paper);border:1px solid rgba(31,53,39,.08);border-radius:6px;
  padding:1.6rem 1.4rem;display:flex;align-items:center;gap:1rem;transition:.35s;cursor:default;
}
.subj:hover{background:var(--green-900);color:var(--cream);transform:translateX(-6px);border-color:var(--green-900)}
.subj:hover .subj-ic{background:var(--gold);color:var(--green-900)}
.subj:hover .subj-t small{color:rgba(247,243,234,.7)}
.subj-ic{width:46px;height:46px;border-radius:8px;background:rgba(54,88,66,.1);color:var(--green-700);display:grid;place-items:center;flex-shrink:0;transition:.35s;font-size:1.3rem}
.subj-t b{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-size:1.05rem;display:block}
.subj-t small{color:var(--muted);font-size:.8rem;transition:.35s}

/* ===== Stats band ===== */
.stats-band{
  background:linear-gradient(135deg,var(--green-900),var(--green-800));
  position:relative;overflow:hidden;color:var(--cream);
}
.stats-band::before{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23bc9a5f' stroke-width='1' opacity='.3'%3E%3Cpath d='M50 5 L95 50 L50 95 L5 50 Z'/%3E%3Cpath d='M50 25 L75 50 L50 75 L25 50 Z'/%3E%3C/g%3E%3C/svg%3E");
  opacity:.1;
}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;position:relative;z-index:2;text-align:center}
.stat .big{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-weight:700;font-size:clamp(2.4rem,5vw,3.6rem);color:var(--gold-light);line-height:1}
.stat .lbl{font-size:1rem;color:rgba(247,243,234,.85);margin-top:.5rem}
.stat{padding:1rem;position:relative}
.stat:not(:last-child)::after{content:'';position:absolute;left:0;top:25%;height:50%;width:1px;background:rgba(188,154,95,.3)}

/* ===== Teachers ===== */
.teach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}
.teacher{text-align:center;transition:.4s}
.teacher:hover{transform:translateY(-8px)}
.teacher .avatar{
  width:130px;height:130px;margin:0 auto 1.2rem;border-radius:50%;
  background:linear-gradient(150deg,var(--green-700),var(--green-900));
  display:grid;place-items:center;position:relative;
  box-shadow:0 16px 40px -18px rgba(31,53,39,.6);
}
.teacher .avatar::before{content:'';position:absolute;inset:-6px;border:1.5px solid var(--gold);border-radius:50%;opacity:.6}
.teacher .avatar span{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-weight:700;font-size:2.6rem;color:var(--gold-light)}
.teacher h4{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-size:1.2rem;color:var(--green-900);margin-bottom:.3rem}
.teacher .spec{color:var(--gold-deep);font-weight:700;font-size:.88rem;margin-bottom:.4rem}
.teacher .desc{color:var(--muted);font-size:.85rem}

/* ===== Features (why us) ===== */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
.feat{padding:2rem 1.6rem;border-radius:6px;background:var(--paper);border:1px solid rgba(31,53,39,.07);transition:.4s;position:relative}
.feat:hover{box-shadow:0 24px 50px -26px rgba(31,53,39,.35);transform:translateY(-6px)}
.feat-ic{width:56px;height:56px;border-radius:12px;background:rgba(188,154,95,.14);color:var(--gold-deep);display:grid;place-items:center;margin-bottom:1.2rem;font-size:1.5rem}
.feat h4{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-size:1.2rem;color:var(--green-900);margin-bottom:.6rem}
.feat p{color:var(--muted);font-size:.95rem}

/* ===== CTA band ===== */
.cta-band{
  background:linear-gradient(150deg,var(--green-800),var(--green-900));
  border-radius:10px;padding:4rem 2.5rem;text-align:center;color:var(--cream);
  position:relative;overflow:hidden;border:1px solid rgba(188,154,95,.3);
}
.cta-band::before,.cta-band::after{
  content:'';position:absolute;border:1px solid rgba(188,154,95,.3);border-radius:50%;
}
.cta-band::before{width:300px;height:300px;top:-120px;right:-80px}
.cta-band::after{width:220px;height:220px;bottom:-110px;left:-60px}
.cta-band h2{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-weight:700;font-size:clamp(1.8rem,3.5vw,2.8rem);margin-bottom:1rem;position:relative;z-index:2}
.cta-band p{color:rgba(247,243,234,.85);font-size:1.1rem;margin-bottom:2rem;position:relative;z-index:2;max-width:36rem;margin-inline:auto}
.cta-band .btn{position:relative;z-index:2}
.btn-gold{background:var(--gold);color:var(--green-900)}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px)}

/* ===== Footer ===== */
footer{background:var(--green-900);color:var(--cream);padding:4rem 0 1.5rem;position:relative;z-index:1}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem;margin-bottom:3rem}
.foot-brand img{height:60px;margin-bottom:1.2rem}
.foot-brand p{color:rgba(247,243,234,.65);font-size:.92rem;max-width:22rem}
.foot-col h5{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;color:var(--gold-light);font-size:1.05rem;margin-bottom:1.2rem}
.foot-col ul{list-style:none}
.foot-col li{margin-bottom:.7rem}
.foot-col a{color:rgba(247,243,234,.7);text-decoration:none;font-size:.92rem;transition:.3s}
.foot-col a:hover{color:var(--gold-light);padding-right:5px}
.foot-contact div{display:flex;gap:.6rem;margin-bottom:.9rem;color:rgba(247,243,234,.7);font-size:.92rem;align-items:flex-start}
.foot-contact .ic{color:var(--gold-light)}
.foot-bottom{border-top:1px solid rgba(188,154,95,.2);padding-top:1.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;color:rgba(247,243,234,.55);font-size:.85rem}
.foot-bottom .socials{display:flex;gap:.8rem}
.foot-bottom .socials a{width:36px;height:36px;border:1px solid rgba(188,154,95,.3);border-radius:50%;display:grid;place-items:center;color:var(--gold-light);transition:.3s}
.foot-bottom .socials a:hover{background:var(--gold);color:var(--green-900)}

/* ===== Reveal animation ===== */
.reveal{opacity:0;transform:translateY(34px);transition:.8s cubic-bezier(.2,.7,.3,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}.reveal.d4{transition-delay:.4s}

/* ===== Responsive ===== */
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:2.5rem}
  .hero-visual{order:-1}
  .inst-grid,.feat-grid{grid-template-columns:1fr}
  .stages-grid,.teach-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  nav ul{display:none}
  .burger{display:flex}
  nav.open ul{display:flex;position:absolute;top:100%;right:0;left:0;flex-direction:column;background:var(--paper);padding:1.5rem;gap:1.2rem;box-shadow:0 20px 40px -20px rgba(0,0,0,.3)}
}
@media(max-width:560px){
  .stages-grid,.teach-grid,.stats-grid,.foot-grid{grid-template-columns:1fr}
  .stat:not(:last-child)::after{display:none}
  .topbar .contact-bits{display:none}
}

/* ===== إضافات التعديلات ===== */

/* ع-٠٢/ع-٠٣ قائمة منسدلة "من نحن" */
nav ul li.has-drop{position:relative}
nav ul li.has-drop>a::before{content:'▾';font-size:.7rem;margin-left:.3rem;color:var(--gold-deep)}
.dropdown{position:absolute;top:calc(100% + 12px);right:0;min-width:220px;background:var(--paper);border:1px solid rgba(188,154,95,.3);border-radius:6px;box-shadow:0 20px 50px -20px rgba(31,53,39,.4);padding:.5rem;opacity:0;visibility:hidden;transform:translateY(8px);transition:.3s;list-style:none;z-index:60}
nav ul li.has-drop:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown li{margin:0}
.dropdown li a{display:block;padding:.7rem 1rem;border-radius:4px;font-size:.92rem;color:var(--green-800)}
.dropdown li a::after{display:none}
.dropdown li a:hover{background:rgba(188,154,95,.12);color:var(--green-600);padding-right:1.3rem}

/* ع-٠٥ أيقونة + متحركة لروابط التواصل */
.social-plus{position:relative;display:flex;align-items:center}
.social-plus .plus-btn{width:38px;height:38px;border-radius:50%;background:var(--gold);color:var(--green-900);border:none;cursor:pointer;font-size:1.3rem;display:grid;place-items:center;transition:.4s;box-shadow:0 6px 18px -6px rgba(188,154,95,.7);z-index:2}
.social-plus.open .plus-btn{transform:rotate(135deg);background:var(--green-800);color:var(--cream)}
.social-plus .links{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) scale(.8);transform-origin:top;display:flex;flex-direction:column;gap:.5rem;opacity:0;visibility:hidden;transition:.35s}
.social-plus.open .links{opacity:1;visibility:visible;transform:translateX(-50%) scale(1)}
.social-plus .links a{width:38px;height:38px;border-radius:50%;background:var(--green-800);color:var(--cream);display:grid;place-items:center;font-size:.95rem;transition:.3s;box-shadow:0 6px 16px -6px rgba(31,53,39,.6);text-decoration:none}
.social-plus .links a:hover{background:var(--gold);color:var(--green-900);transform:scale(1.1)}

/* ق-٠٢ قسم "من نحن" */
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
.about-card{background:var(--paper);border-radius:8px;padding:2.4rem 1.9rem;border:1px solid rgba(31,53,39,.07);text-align:center;position:relative;overflow:hidden;transition:.45s}
.about-card::before{content:'';position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--green-600));transform:scaleX(0);transition:.45s}
.about-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -30px rgba(31,53,39,.4);border-color:rgba(188,154,95,.4)}
.about-card:hover::before{transform:scaleX(1)}
.about-icon{width:72px;height:72px;margin:0 auto 1.4rem;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,var(--green-700),var(--green-900));color:var(--gold-light);font-size:1.9rem;box-shadow:0 14px 30px -14px rgba(31,53,39,.6)}
.about-card h3{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-size:1.4rem;color:var(--green-900);margin-bottom:.8rem}
.about-card p{color:var(--muted);font-size:.97rem;line-height:1.9}
.about-placeholder{margin-top:1rem;font-size:.8rem;color:var(--gold-deep);background:rgba(188,154,95,.1);border:1px dashed rgba(188,154,95,.5);border-radius:6px;padding:.5rem;display:inline-block}

/* ق-٠٣ السيرة الذاتية */
.bio-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:center}
.bio-portrait{position:relative;border-radius:10px;aspect-ratio:4/5;background:linear-gradient(160deg,var(--green-600),var(--green-900));display:grid;place-items:center;box-shadow:0 30px 70px -35px rgba(31,53,39,.6);overflow:hidden;border:1px solid rgba(188,154,95,.3)}
.bio-portrait::after{content:'';position:absolute;inset:12px;border:1px solid rgba(188,154,95,.4);border-radius:6px}
.bio-portrait .ph{text-align:center;color:rgba(247,243,234,.85);z-index:2;padding:1.5rem}
.bio-portrait .ph .ic{font-size:3.5rem;margin-bottom:.8rem}
.bio-portrait .ph small{display:block;margin-top:.6rem;font-size:.8rem;opacity:.7}
.bio-text h3{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-weight:700;font-size:2rem;color:var(--green-900);margin-bottom:1rem}
.bio-text .role{color:var(--gold-deep);font-weight:700;font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;margin-bottom:1.2rem;font-size:1.05rem}
.bio-text p{color:var(--muted);margin-bottom:1.1rem;line-height:1.95}

/* ق-٠٧ دليل الطالب */
.guide-wrap{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.guide-text h3{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-weight:700;font-size:2rem;color:var(--green-900);margin-bottom:1rem}
.guide-text p{color:var(--muted);margin-bottom:1.4rem;line-height:1.95}
.guide-steps{list-style:none;margin-bottom:1.5rem}
.guide-steps li{display:flex;align-items:center;gap:1rem;padding:.6rem 0;color:var(--ink)}
.guide-steps .num{width:34px;height:34px;border-radius:50%;background:var(--green-800);color:var(--gold-light);display:grid;place-items:center;font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-weight:700;flex-shrink:0;font-size:.9rem}
.video-frame{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(150deg,var(--green-800),var(--green-900));display:grid;place-items:center;box-shadow:0 30px 70px -35px rgba(31,53,39,.6);border:1px solid rgba(188,154,95,.3)}
.video-frame::after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z' fill='none' stroke='%23bc9a5f' stroke-width='.6' opacity='.4'/%3E%3C/svg%3E");opacity:.25}
.video-frame .play-big{width:88px;height:88px;border-radius:50%;background:var(--gold);color:var(--green-900);display:grid;place-items:center;font-size:2.2rem;z-index:2;cursor:pointer;transition:.4s;box-shadow:0 12px 40px -8px rgba(0,0,0,.5)}
.video-frame .play-big:hover{transform:scale(1.1);background:var(--gold-light)}
.video-frame .vlabel{position:absolute;bottom:1.2rem;right:1.2rem;color:var(--cream);font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-size:.9rem;z-index:2;background:rgba(31,53,39,.6);padding:.4rem .9rem;border-radius:20px;backdrop-filter:blur(4px)}

/* ق-٠٨ الأقسام العلمية كبوابات */
.portal-card{position:relative}
.portal-card .portal-badge{position:absolute;top:1.4rem;left:1.4rem;font-size:.72rem;background:var(--gold);color:var(--green-900);padding:.25rem .8rem;border-radius:20px;font-weight:700;z-index:3}
.portal-card .enter{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;color:var(--cream);background:var(--green-800);padding:.6rem 1.3rem;border-radius:4px;font-weight:700;font-size:.9rem;transition:.35s;text-decoration:none}
.portal-card:hover .enter{background:var(--gold);color:var(--green-900);gap:.9rem}

/* ق-٠٦ الإحصائيات ٦ مؤشرات */
.stats-grid.six{grid-template-columns:repeat(6,1fr)}
.stats-grid.six .stat .big{font-size:clamp(1.8rem,3.5vw,2.6rem)}
.stats-grid.six .stat .lbl{font-size:.82rem}
.stat .live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.7);animation:pulse 2s infinite;margin-left:.4rem;vertical-align:middle}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.7)}70%{box-shadow:0 0 0 10px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}

/* ق-٠٤ الصور (معرض) */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;grid-auto-rows:180px}
.gallery-item{border-radius:8px;overflow:hidden;background:linear-gradient(150deg,var(--green-600),var(--green-900));display:grid;place-items:center;color:rgba(247,243,234,.6);position:relative;transition:.4s;border:1px solid rgba(188,154,95,.2);cursor:pointer}
.gallery-item:hover{transform:scale(1.03);box-shadow:0 20px 40px -20px rgba(31,53,39,.5)}
.gallery-item.tall{grid-row:span 2}
.gallery-item .g-ic{font-size:2rem;opacity:.5}
.gallery-item .g-label{position:absolute;bottom:.8rem;right:.8rem;font-size:.78rem;color:var(--cream);background:rgba(31,53,39,.6);padding:.25rem .7rem;border-radius:16px}

/* ق-٠٥ المحاضرات */
.lectures-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.lecture{background:var(--paper);border-radius:8px;overflow:hidden;border:1px solid rgba(31,53,39,.07);transition:.4s}
.lecture:hover{transform:translateY(-6px);box-shadow:0 24px 50px -26px rgba(31,53,39,.35)}
.lecture .l-cover{height:150px;background:linear-gradient(150deg,var(--green-700),var(--green-900));position:relative;display:grid;place-items:center;color:var(--gold-light);font-size:2.4rem}
.lecture .l-cover .l-play{width:54px;height:54px;border-radius:50%;background:rgba(247,243,234,.15);color:var(--cream);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);border:1px solid rgba(247,243,234,.3)}
.lecture .l-body{padding:1.4rem}
.lecture .l-body h4{font-family:"Helvetica Neue",Helvetica,Arial,"Segoe UI","Noto Sans Arabic",sans-serif;font-size:1.1rem;color:var(--green-900);margin-bottom:.5rem;line-height:1.5}
.lecture .l-body .l-meta{color:var(--muted);font-size:.85rem;display:flex;justify-content:space-between;align-items:center}

@media(max-width:980px){
  .about-grid{grid-template-columns:1fr}
  .bio-grid,.guide-wrap{grid-template-columns:1fr;gap:2rem}
  .stats-grid.six{grid-template-columns:repeat(3,1fr)}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .lectures-grid{grid-template-columns:1fr}
  .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:transparent;padding:0 0 0 1rem}
}
@media(max-width:560px){
  .stats-grid.six{grid-template-columns:repeat(2,1fr)}
  .gallery-grid{grid-template-columns:1fr}
}


/* ===== أيقونات خطية بأسلوب reui + محاذاة ===== */
.ib{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:.15rem}
.ib svg{display:block}
.contact-bits span svg,.foot-contact div svg{flex-shrink:0}
.about-icon svg,.inst-icon svg{display:block}
.hero-frame .ic svg,.float-badge .ic svg{display:block}
.social-plus .links a svg,.social-plus .plus-btn svg,.foot-bottom .socials a svg{display:block}
.l-play svg,.play-big svg{display:block;margin-right:2px}
.g-ic svg{display:block;opacity:.9}
.bio-portrait .ph .ic svg{display:block;margin:0 auto}
/* لمسة reui: حواف أنعم وظلال أخف على البطاقات */
.about-card,.inst-card,.lecture,.gallery-item,.series,.cat-card{border-radius:14px}
.btn{border-radius:10px}
.hero-frame,.bio-portrait,.video-frame{border-radius:16px}
.about-icon,.inst-icon{border-radius:14px}