/* معهد البحوث والاستشارات — جامعة تبوك · site design system (from approved artifact v10) */
/* saud (ut.edu.sa) — الخط الرسمي؛ Cairo يبقى احتياطيًا */
@font-face{font-family:'saud';font-weight:400;font-style:normal;font-display:swap;src:url(/site/fonts/saud/saud-400.woff2) format('woff2')}
@font-face{font-family:'saud';font-weight:500;font-style:normal;font-display:swap;src:url(/site/fonts/saud/saud-500.woff2) format('woff2')}
@font-face{font-family:'saud';font-weight:600;font-style:normal;font-display:swap;src:url(/site/fonts/saud/saud-600.woff2) format('woff2')}
@font-face{font-family:'saud';font-weight:700;font-style:normal;font-display:swap;src:url(/site/fonts/saud/saud-700.woff2) format('woff2')}
@font-face{font-family:'Cairo';font-weight:400;font-style:normal;font-display:swap;src:url(/site/fonts/cairo/cairo-400.woff2) format('woff2')}
@font-face{font-family:'Cairo';font-weight:700;font-style:normal;font-display:swap;src:url(/site/fonts/cairo/cairo-700.woff2) format('woff2')}
@font-face{font-family:'Cairo';font-weight:900;font-style:normal;font-display:swap;src:url(/site/fonts/cairo/cairo-900.woff2) format('woff2')}
/* ============ Tokens ============ */
:root{
  --brand:#2074B8; --brand-strong:#185E97;
  --navy:#0C3B61; --navy-2:#0E4A7A;
  --ink:#152A3D; --muted:#5B768E;
  --sand:#C99B3F; --sand-deep:#A87E2B;
  --green:#1F8A5B; --green-bg:#E7F5EE;
  --paper:#FFFFFF; --wash:#F4F8FB; --surface:#FFFFFF; --tint:#E9F2FA; --line:#E6EBF1;
  --hero-ink:#EAF3FB; --hero-muted:#B4CCE0;
  --shadow:0 8px 26px rgba(12,59,97,.06);
  --shadow-lg:0 22px 54px rgba(12,59,97,.11);
  --mark-bg:var(--surface);
  /* نظام أنصاف أقطار موحّد: حقول/شارات 10 · بطاقات 14 · صناديق كبيرة 18 · كبسولة */
  --r-sm:10px; --r:14px; --r-lg:18px; --pill:999px;
  /* ظل خفيف موحّد يكمّل --shadow و--shadow-lg */
  --shadow-sm:0 4px 16px rgba(12,59,97,.05);
  --img-campus:url(/site/images/tabuk/campus.jpg);
  --img-news:url(/site/images/tabuk/news.jpg);
  --img-ev1:url(/site/images/tabuk/ev1.jpg);
  --img-ev2:url(/site/images/tabuk/ev2.jpg);
  --img-ev3:url(/site/images/tabuk/ev3.jpg);
  --img-ev4:url(/site/images/tabuk/ev4.jpg);
  --img-ev5:url(/site/images/tabuk/ev5.jpg);
  --img-logo:url(/site/images/tabuk/logo.jpg);
  --img-logot:url(/site/images/tabuk/logo-t.png);
  --lg-ut:url(/site/images/tabuk/lg-ut.svg);
  --lg-nelc:url(/site/images/tabuk/lg-nelc.svg);
  --lg-moe:url(/site/images/tabuk/lg-moe.png);
  --lg-v2030:url(/site/images/tabuk/lg-v.svg);
}
/* هوية فاتحة دائمًا — التصميم ملتزم بالمظهر الأبيض الاحترافي في كل الأنظمة */
:root[data-theme="dark"],
:root[data-theme="light"]{
  --brand:#2074B8; --brand-strong:#185E97;
  --navy:#0C3B61; --navy-2:#0E4A7A;
  --ink:#152A3D; --muted:#5B768E;
  --sand:#C99B3F; --sand-deep:#A87E2B;
  --green:#1F8A5B; --green-bg:#E7F5EE;
  --paper:#FFFFFF; --wash:#F4F8FB; --surface:#FFFFFF; --tint:#E9F2FA; --line:#E6EBF1;
  --hero-ink:#EAF3FB; --hero-muted:#B4CCE0;
  --shadow:0 8px 26px rgba(12,59,97,.06);
  --shadow-lg:0 22px 54px rgba(12,59,97,.11);
}

/* ============ Base ============ */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:'IBM Plex Sans Arabic','saud','Segoe UI',Tahoma,Arial,sans-serif;
  font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased;}
#app{text-align:start}
h1,h2,h3,h4{line-height:1.45;margin:0;text-wrap:balance}
p{margin:0}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:24px}
.sec{padding-block:72px}
.sec.alt{background:var(--wash);border-block:1px solid var(--line)}
.sec.alt + .sec.alt{border-top:0}

/* Home hero → content transition: a rounded "sheet" that rises over the hero
   (inspired by the studyinsaudi.sa second-section treatment) */
.home-sheet{position:relative;z-index:2;
  margin-top:calc(-1 * clamp(34px,4.6vw,66px));
  border-start-start-radius:clamp(34px,5vw,62px);
  border-start-end-radius:clamp(34px,5vw,62px);
  box-shadow:0 -18px 40px -20px rgba(12,59,97,.16);
  padding-top:clamp(44px,5vw,64px)}
@media(max-width:640px){.home-sheet{margin-top:-22px;
  border-start-start-radius:26px;border-start-end-radius:26px;padding-top:34px}}

/* Home content flow — ONE flat, uniform tint behind every post-hero section so
   the backgrounds all match exactly (no white/wash bands, no gradient steps).
   White cards (sheet, program/review/FAQ cards) provide the structure/contrast.
   The sheet stays opaque (same tint) so it still covers the hero as it rises. */
.home-flow{background:var(--wash)}
.home-flow .sec:not(.home-sheet){background:transparent}
/* the rising sheet: opaque soft-blue → wash gradient (blends into the flat flow below) */
.home-flow .home-sheet{background:linear-gradient(180deg,#DCEAF7 0%,var(--wash) 42%)}
.home-flow .stats.home-sheet{padding-block:clamp(46px,5vw,66px) 36px}
.home-flow .sec.alt{background:transparent;border-block:0}

/* Home · About — professional identity split (intro text + pillars identity card) */
.abt-home__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4.6vw,64px);align-items:center}
.abt-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:700;
  color:var(--sand-deep);letter-spacing:.02em;margin-bottom:14px}
.abt-eyebrow::before{content:"";width:26px;height:2px;background:var(--sand);border-radius:2px}
.abt-home__intro h2{font-size:clamp(1.55rem,2.9vw,2.2rem);font-weight:700;line-height:1.35}
.abt-home__intro .lead{font-size:1.08rem;color:var(--ink);font-weight:500;margin-top:14px;line-height:1.95;max-width:34rem}
.abt-home__body{color:var(--muted);margin-top:14px;line-height:2.05;max-width:36rem}
.abt-home__actions{margin-top:28px}
.abt-home__pillars{list-style:none;margin:0;padding:clamp(22px,2.6vw,34px);display:block;position:relative;overflow:hidden;
  background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:0 24px 58px rgba(12,59,97,.10)}
.abt-home__pillars::after{content:"";position:absolute;inset-inline-end:-70px;top:-80px;width:220px;height:220px;
  border-radius:50%;background:radial-gradient(circle,rgba(32,116,184,.07),transparent 70%);pointer-events:none}
.abt-pillar{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center;padding-block:18px;position:relative;z-index:1}
.abt-pillar + .abt-pillar{border-top:1px solid var(--line)}
.abt-pillar:first-child{padding-top:0}
.abt-pillar:last-child{padding-bottom:0}
.abt-pillar__ic{grid-row:1 / span 2;align-self:center;width:50px;height:50px;border-radius:14px;display:grid;place-items:center;margin:0}
.abt-pillar__ic svg{width:24px;height:24px}
.abt-pillar b{align-self:end;font-size:1.05rem;color:var(--ink);font-weight:700}
.abt-pillar>span:last-child{align-self:start;color:var(--muted);margin-top:3px;font-size:.92rem;line-height:1.7}
.abt-pillar:nth-child(1) .abt-pillar__ic{background:rgba(32,116,184,.12);color:#2074B8}
.abt-pillar:nth-child(2) .abt-pillar__ic{background:rgba(201,155,63,.16);color:#A87E2B}
.abt-pillar:nth-child(3) .abt-pillar__ic{background:rgba(37,158,138,.15);color:#1F8A77}
.abt-pillar:nth-child(4) .abt-pillar__ic{background:rgba(110,132,214,.16);color:#4E63C0}
@media(max-width:860px){.abt-home__grid{grid-template-columns:1fr;gap:34px}}

/* Programs horizontal scroller (prev/next arrows) */
.prog-scroller{position:relative}
.prog-track{display:flex;gap:28px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;
  padding:6px 2px 12px;scrollbar-width:none;-ms-overflow-style:none}
.prog-track::-webkit-scrollbar{display:none}
.prog-track>.pcard{flex:0 0 clamp(280px,32vw,344px);scroll-snap-align:start;margin:0}
.prog-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:54px;height:54px;border-radius:50%;
  background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(12,59,97,.20),0 2px 6px rgba(12,59,97,.08);
  display:grid;place-items:center;cursor:pointer;color:var(--navy);
  transition:background .22s,color .22s,border-color .22s,box-shadow .22s,transform .22s}
.prog-arrow:hover{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 14px 34px rgba(12,59,97,.32);transform:translateY(-50%) scale(1.08)}
.prog-arrow:active{transform:translateY(-50%) scale(.97)}
.prog-arrow:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.prog-arrow svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.prog-arrow--prev{inset-inline-start:-18px}
.prog-arrow--next{inset-inline-end:-18px}
@media(max-width:640px){.prog-arrow{display:none}.prog-track{scroll-snap-type:x proximity}.prog-track>.pcard{flex-basis:83%}}
@media (max-width:720px){.sec{padding-block:50px}}
.num{font-variant-numeric:tabular-nums}

.rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  .rv{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}


/* ============ Logo ============ */
.logo{display:flex;align-items:center;gap:13px}
.logo .mark{width:54px;height:45px;color:var(--brand);flex:none}
.logo .cuts{stroke:var(--mark-bg)}
.logo-txt{display:flex;flex-direction:column;line-height:1.5}
.logo-txt b{font-weight:700;font-size:1.04rem;color:var(--ink)}
.logo-txt span{font-size:.6rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
.logo-txt em{font-style:normal;font-size:.68rem;color:var(--brand);font-weight:700}
.on-navy .logo .mark{color:#fff}
.on-navy .logo .cuts{stroke:var(--navy)}
.on-navy .logo-txt b{color:#fff}
.on-navy .logo-txt span{color:var(--hero-muted)}
/* الشعار الرسمي — يُضمَّن مرة واحدة ويُستخدم في كل المواضع */
.logo-img{display:block;background:var(--img-logo) center/contain no-repeat;flex:none}
.logo-head{width:196px;height:62px}
.logo-foot{width:216px;height:70px;filter:invert(1) grayscale(1) brightness(3);mix-blend-mode:screen}
.logo-auth{width:236px;height:76px;margin-inline:auto}
.logo-cert{width:186px;height:60px;margin-inline:auto}
/* ترويسة صفحة البرامج — صورة خلفية + عنوان يمين + شعار يسار */
.page-hero.ph-img{background:linear-gradient(260deg,rgba(9,40,66,.85) 6%,rgba(9,40,66,.55) 42%,rgba(9,40,66,.12) 72%,rgba(9,40,66,.45) 100%),var(--img-campus);
  background-size:cover,cover;background-position:center;border-bottom:0;padding-block:72px}
.page-hero.ph-img h1{color:#fff;font-weight:700;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.page-hero.ph-img .lead{color:#DCE9F4;font-weight:500;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.page-hero.ph-img .crumb{color:#C9DCEC}
.page-hero.ph-img .crumb b{color:var(--sand)}
.page-hero.ph-img .pmeta span{color:#DCE9F4;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.page-hero.ph-img .pmeta svg{color:var(--sand)}
.ph-img::after{border-color:rgba(255,255,255,.07)}
.ph-flex{display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap;position:relative}
.logo-ph{width:320px;height:104px;flex:none;background-image:var(--img-logot);
  filter:drop-shadow(0 0 14px rgba(255,255,255,.85)) drop-shadow(0 2px 6px rgba(255,255,255,.6))}
@media (max-width:820px){.logo-ph{width:230px;height:76px}}
@media (max-width:560px){.logo-ph{display:none}}

/* ============ Site header (مطوّر — شريطان) ============ */
.topbar{background:var(--navy);color:var(--hero-muted);font-size:.75rem}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:7px;flex-wrap:wrap}
.tb-links{display:flex;gap:2px;align-items:center}
.tb-links a{cursor:pointer;padding:2px 10px;border-radius:6px;font-weight:700;transition:color .2s}
.tb-links a:hover{color:#fff}
.tb-links i{opacity:.35;font-style:normal}
.tb-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.tb-meta span{display:flex;align-items:center;gap:6px}
.tb-meta svg{width:13px;height:13px;color:var(--sand)}
.tb-meta .ltr{direction:ltr;unicode-bidi:embed}
.tb-lang{border:1px solid rgba(255,255,255,.25);background:transparent;color:var(--hero-ink);
  border-radius:6px;padding:1px 12px;font-weight:700;font-size:.72rem;line-height:1.8}
.tb-lang:hover{background:rgba(255,255,255,.1)}
.site-head{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:49px;z-index:50;transition:box-shadow .25s}
.site-head.scrolled{box-shadow:0 8px 28px rgba(12,59,97,.09)}
.site-head-in{display:flex;align-items:center;gap:34px;padding-block:18px}
.nav{display:flex;gap:6px;margin-inline-start:auto;flex-wrap:wrap}
.nav a{position:relative;padding:8px 15px;font-weight:700;font-size:1.05rem;color:var(--muted);cursor:pointer;transition:color .2s}
.nav a:hover{color:var(--brand)}
.nav a.cur{color:var(--ink)}
.nav a.cur::after{content:"";position:absolute;inset-inline:13px;bottom:-2px;height:3px;border-radius:3px;background:var(--brand)}
.head-cta{display:flex;align-items:center;gap:10px}
@media (max-width:1020px){.nav{display:none}}
@media (max-width:720px){.tb-links{display:none}}

/* ============ Buttons ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 26px;
  font-weight:700;font-size:.95rem;border:1px solid transparent;transition:transform .15s,box-shadow .2s,background .2s;text-align:center}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:none}
.btn svg{width:17px;height:17px;flex:none}
.btn-primary{background:var(--brand);color:#fff}
.btn-primary:hover{background:var(--brand-strong);box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 30%,transparent)}
.btn-sand{background:var(--sand);color:#0C3B61}
.btn-sand:hover{background:var(--sand-deep)}
.btn-ghost{border-color:var(--line);color:var(--ink);background:var(--surface)}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand)}
.btn-ghost-w{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}
.btn-ghost-w:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn-sm{padding:7px 16px;font-size:.83rem;border-radius:8px}
.btn-lg{padding:14px 30px;font-size:1.02rem;width:100%}
.btn-green{background:var(--green);color:#fff}
.btn-green:hover{filter:brightness(1.08)}

/* ============ Section headers ============ */
.eyebrow{display:none}
.eyebrow::before{content:"";width:34px;height:3px;border-radius:2px;background:var(--sand)}
.sec-head{max-width:640px;margin-bottom:38px}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head.center .eyebrow{justify-content:center}
.sec-head h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700}
.sec-head .lead{color:var(--muted);margin-top:10px;font-size:1rem}
.sec-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:44px}
.sec-top .sec-head{margin-bottom:0}

/* ============ Hero (فاتح) ============ */
.hero{position:relative;background:linear-gradient(180deg,var(--surface) 0%,var(--paper) 100%);border-bottom:1px solid var(--line);overflow:visible}
.hero::before{content:"";position:absolute;inset-inline-end:-140px;top:-140px;width:460px;height:460px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--brand) 9%,transparent) 0%,transparent 70%)}
.hero-in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;padding-block:76px 120px}
.hero h1{font-size:clamp(2rem,4.4vw,3.1rem);font-weight:700;color:var(--ink)}
.hero h1 em{font-style:normal;color:var(--brand)}
.hero .sub{color:var(--muted);font-size:1.06rem;max-width:32rem;margin-top:16px}
.hero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.hero-trust{display:flex;gap:20px;margin-top:34px;flex-wrap:wrap;font-size:.82rem;color:var(--muted)}
.hero-trust span{display:flex;align-items:center;gap:7px;font-weight:700}
.hero-trust svg{width:16px;height:16px;color:var(--brand)}
.hero-visual{position:relative}
.hero-img{background-image:var(--img-campus);background-size:cover;background-position:left center;
  border-radius:22px;aspect-ratio:16/11;border:1px solid var(--line);box-shadow:var(--shadow-lg)}
.float-chip{position:absolute;top:18px;inset-inline-start:18px;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--pill);padding:6px 16px;font-size:.76rem;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow)}
.float-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}
.float-card{position:absolute;bottom:-34px;inset-inline-start:-20px;background:var(--surface);border:1px solid var(--line);
  border-radius:16px;padding:16px 20px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:14px;max-width:88%}
.float-card .fc-ic{width:44px;height:44px;border-radius:12px;background:var(--tint);color:var(--brand);display:grid;place-items:center;flex:none}
.float-card .fc-ic svg{width:22px;height:22px}
.float-card b{display:block;font-size:.85rem;font-weight:700;line-height:1.5}
.float-card span{font-size:.72rem;color:var(--muted)}
.float-card .fc-price{margin-inline-start:auto;font-weight:700;color:var(--brand);font-size:1rem;white-space:nowrap;font-variant-numeric:tabular-nums}
@media (max-width:920px){
  .hero-in{grid-template-columns:1fr;padding-block:56px 110px;gap:44px}
  .float-card{inset-inline-start:8px}
}

/* ============ Finder ============ */
.finder{position:relative;margin-top:-56px;z-index:5}
.finder-in{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);
  padding:20px 22px;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:14px;align-items:end}
@media (max-width:860px){.finder-in{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.finder-in{grid-template-columns:1fr}}

/* ============ Forms ============ */
.field{display:flex;flex-direction:column;gap:5px}
.field label{font-size:.78rem;font-weight:700;color:var(--muted)}
.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--paper);color:var(--ink);
  border-radius:var(--r-sm);padding:10px 13px;font:inherit;font-size:.9rem;width:100%}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--brand);outline-offset:0;border-color:var(--brand)}

/* ============ Cards & grids ============ */
.grid{display:grid;gap:24px}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
@media (max-width:980px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.g3,.g4,.g2{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px;
  transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}
.card.static:hover{transform:none;box-shadow:none;border-color:var(--line)}
.icon-tile{width:50px;height:50px;border-radius:13px;background:var(--tint);color:var(--brand);
  display:grid;place-items:center;margin-bottom:14px}
.icon-tile svg{width:24px;height:24px}
.card h3{font-size:1.02rem;font-weight:700;margin-bottom:6px}
.card .desc{color:var(--muted);font-size:.88rem}
.more{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-weight:700;font-size:.85rem;cursor:pointer}
.more svg{width:15px;height:15px;transition:transform .2s}
.more:hover svg{transform:translateX(-4px)}

/* ============ بطاقة برنامج ============ */
.pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}
/* غلاف البرنامج بنمط numo: صورة حقيقية بغسلة لونية + عنوان ممدود + شارة المدة */
.pthumb{height:176px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;
  text-align:center;overflow:hidden;color:#fff;
  background-image:linear-gradient(160deg,#3178AE,#0E3F68),var(--img-campus);
  background-size:cover,cover;background-position:center;background-blend-mode:multiply}
.pthumb.alt2{background-image:linear-gradient(160deg,#2E8FA8,#11576F),var(--img-ev1)}
.pthumb.alt3{background-image:linear-gradient(160deg,#5A6FB5,#28396F),var(--img-campus)}
.pthumb.alt4{background-image:linear-gradient(160deg,#B58C3F,#6E5118),var(--img-ev2)}
.pt-title{position:relative;color:#fff;font-weight:700;font-size:1.26rem;line-height:1.75;
  text-shadow:0 2px 16px rgba(0,0,0,.45);padding-inline:18px;text-wrap:balance;max-width:100%}
.pt-dur{position:relative;border:1.5px solid rgba(255,255,255,.9);color:#fff;border-radius:var(--r-sm);
  padding:1px 20px;font-size:.75rem;font-weight:700;background:rgba(255,255,255,.1)}
.pt-ic{position:absolute;top:13px;inset-inline-end:13px;width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;transition:transform .3s}
.pt-ic svg{width:19px;height:19px;color:#fff}
.pcard:hover .pt-ic{transform:scale(1.12) rotate(8deg)}
.pthumb::before{content:"";position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M24 4 30 12 24 20 18 12Z M24 28 30 36 24 44 18 36Z M0 16 6 24 0 32Z M48 16 42 24 48 32Z' fill='%23ffffff' fill-opacity='.07'/%3E%3C/svg%3E");
  background-size:44px}
.pthumb .big-ic,.pthumb .mini{display:none}
.pthumb .type{position:absolute;top:12px;inset-inline-start:12px;background:rgba(255,255,255,.92);color:var(--navy);border-radius:6px;padding:2px 12px;font-size:.7rem;font-weight:700}
.pthumb .mode{position:absolute;bottom:12px;inset-inline-end:12px;background:rgba(0,0,0,.3);color:#fff;border-radius:6px;padding:2px 10px;font-size:.68rem;font-weight:700;backdrop-filter:blur(4px)}
.pbody{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.pbody .cat{color:var(--brand);font-size:.72rem;font-weight:700}
.pbody h3{font-size:1rem;font-weight:700;line-height:1.6;min-height:3.2em}
.pdesc{color:var(--muted);font-size:.78rem;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pmeta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.75rem}
.pmeta span{display:flex;align-items:center;gap:5px}
.pmeta svg{width:13px;height:13px}
.pfoot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}
.price{display:flex;flex-direction:column;line-height:1.4}
.price b{font-size:1.22rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.price b small{font-size:.7rem;font-weight:700;color:var(--muted)}
.price span{font-size:.66rem;color:var(--muted)}

/* ============ خطوات ============ */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:st}
.step{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px 22px 22px}
.step::before{counter-increment:st;content:counter(st,decimal-leading-zero);
  font-weight:700;font-size:1.8rem;color:var(--tint);-webkit-text-stroke:1.5px var(--brand);
  font-variant-numeric:tabular-nums;display:block;line-height:1;margin-bottom:12px}
.step h3{font-size:.95rem;font-weight:700}
.step p{color:var(--muted);font-size:.82rem;margin-top:4px}
@media (max-width:920px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}

/* ============ Stats (فاتح) ============ */
/* الأرقام — نمط numo/ubt: عدّادات مركزية نظيفة بلا بطاقات */
.stats{padding-block:56px}
.stats-eyebrow{text-align:center;color:var(--brand);font-weight:700;font-size:.95rem;margin-bottom:36px}
.stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;justify-content:center}
.stat{text-align:center}
.stat b{display:block;font-size:clamp(5rem,8vw,7rem);font-weight:700;line-height:1.15;
  font-variant-numeric:tabular-nums;color:var(--brand);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stat:nth-child(1) b{background-image:linear-gradient(160deg,#2E86CC,#0C3B61)}
.stat:nth-child(2) b{background-image:linear-gradient(160deg,#3AA6C2,#11576F)}
.stat:nth-child(3) b{background-image:linear-gradient(160deg,#6E84D6,#28396F)}
.stat:nth-child(4) b{background-image:linear-gradient(160deg,#D9AC52,#8A6420)}
.stat b::after{content:"";display:block;width:42px;height:4px;border-radius:3px;margin:14px auto 0;background:var(--sand)}
.stat b i{font-style:normal}
.stat span{display:block;color:var(--muted);margin-top:.7rem;font-size:1.02rem;font-weight:700}
@media (max-width:720px){.stats-in{grid-template-columns:repeat(2,1fr);gap:32px 20px}}

/* ============ Chips / tags ============ */
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{background:var(--surface);color:var(--muted);border:1px solid var(--line);
  border-radius:var(--pill);padding:6px 17px;font-weight:700;font-size:.84rem;cursor:pointer;transition:color .2s,border-color .2s}
.chip:hover{color:var(--brand);border-color:var(--brand)}
.chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.tag{font-size:.7rem;font-weight:700;border-radius:6px;padding:2px 10px;background:var(--tint);color:var(--brand-strong)}
:root[data-theme="dark"] .tag,
:root:not([data-theme="light"]) .tag{color:var(--brand)}
.tag.gold{background:color-mix(in srgb,var(--sand) 16%,transparent);color:var(--sand-deep)}
.tag.green{background:var(--green-bg);color:var(--green)}

/* ============ News ============ */
.news-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.news-thumb{height:160px;position:relative;display:grid;place-items:center;color:rgba(255,255,255,.5);
  background:linear-gradient(135deg,var(--brand),var(--navy-2));background-size:cover;background-position:center}
.news-thumb.img-news{background-image:var(--img-news)}
.news-thumb.img-campus{background-image:var(--img-campus)}
.news-thumb.img-ev1{background-image:var(--img-ev1)}
.news-thumb.img-ev2{background-image:var(--img-ev2)}
.news-thumb.img-ev3{background-image:var(--img-ev3)}
.news-thumb.img-ev4{background-image:var(--img-ev4)}
.news-thumb.img-ev5{background-image:var(--img-ev5)}
.news-thumb svg{width:44px;height:44px}
.news-thumb.img-news svg,.news-thumb.img-campus svg,.news-thumb.img-ev1 svg,
.news-thumb.img-ev2 svg,.news-thumb.img-ev3 svg,.news-thumb.img-ev4 svg,.news-thumb.img-ev5 svg{display:none}
.news-thumb .cat{position:absolute;top:14px;inset-inline-start:14px;background:rgba(255,255,255,.92);color:var(--navy);border-radius:6px;padding:2px 12px;font-size:.72rem;font-weight:700}
.news-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.news-date{color:var(--muted);font-size:.76rem;display:flex;align-items:center;gap:6px}
.news-date svg{width:13px;height:13px}
.news-body h3{font-size:.96rem;font-weight:700;line-height:1.7}
.news-body .more{margin-top:auto;padding-top:10px}
/* أخبار الرئيسية — بطاقات مجلة بصورة خلفية كاملة */
.news-grid{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:22px}
.ncard{position:relative;border-radius:18px;overflow:hidden;display:flex;align-items:flex-end;min-height:228px;
  cursor:pointer;transition:transform .25s,box-shadow .25s;background:var(--navy)}
.ncard:first-child{grid-row:1/3;min-height:478px}
.ncard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.ncard .bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s ease}
.ncard:hover .bg{transform:scale(1.07)}
.ncard .bg.img-campus{background-image:var(--img-campus)}
.ncard .bg.img-ev3{background-image:var(--img-ev3)}
.ncard .bg.img-news{background-image:var(--img-news)}
.ncard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,40,66,.06) 32%,rgba(6,26,44,.9) 100%)}
.ncard .cat{position:absolute;top:16px;inset-inline-start:16px;z-index:2;background:rgba(255,255,255,.94);color:var(--navy);
  border-radius:7px;padding:2px 14px;font-size:.72rem;font-weight:700}
.nc-body{position:relative;z-index:1;padding:22px 24px;color:#fff;width:100%}
.nc-body .news-date{color:#C9DCEC}
.nc-body h3{color:#fff;font-size:1rem;font-weight:700;line-height:1.75;margin-top:6px;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.ncard:first-child .nc-body h3{font-size:1.25rem}
.nc-body .more{color:var(--sand);margin-top:10px}
@media (max-width:860px){
  .news-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .ncard:first-child{grid-row:auto;min-height:320px}
  .ncard{min-height:250px}
}

.featured{display:grid;grid-template-columns:1.1fr 1fr;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.featured .news-thumb{height:100%;min-height:250px}
.featured .news-body{padding:32px}
.featured h3{font-size:1.2rem}
@media (max-width:820px){.featured{grid-template-columns:1fr}.featured .news-thumb{min-height:180px}}

/* ============ Testimonials ============ */
.t-card{display:flex;flex-direction:column;gap:14px}
.t-card p{font-size:.9rem}
.t-who{display:flex;align-items:center;gap:12px;margin-top:auto}
.t-who .avatar{width:42px;height:42px;border-radius:50%;background:var(--tint);color:var(--brand);display:grid;place-items:center;font-weight:700;font-size:.85rem;flex:none}
.t-who b{display:block;font-size:.85rem;font-weight:700;line-height:1.5}
.t-who span{color:var(--muted);font-size:.72rem}
.t-stars{color:var(--sand);font-size:.8rem;letter-spacing:2px}

/* ============ CTA band ============ */
.cta-band{background:linear-gradient(120deg,var(--navy),var(--navy-2));color:#fff;border-radius:24px;padding:52px 46px;position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.cta-band::before{content:"";position:absolute;inset-inline-end:-60px;bottom:-100px;width:280px;height:280px;border-radius:50%;border:44px solid rgba(255,255,255,.05)}
.cta-band h2{font-size:clamp(1.25rem,2.5vw,1.7rem);font-weight:700;position:relative}
.cta-band p{color:var(--hero-muted);margin-top:6px;position:relative}
.cta-band .btn{position:relative}

/* ============ Footer ============ */
.footer{background:var(--navy);color:var(--hero-muted)}
.footer-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-block:56px 36px}
.footer h4{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:14px}
.footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:.87rem}
.footer ul a{cursor:pointer;transition:color .2s}
.footer ul a:hover{color:var(--sand)}
.footer .about-txt{font-size:.85rem;margin-top:14px;max-width:30rem}
.f-contact li{display:flex;gap:10px;align-items:flex-start}
.f-contact svg{width:16px;height:16px;flex:none;margin-top:5px;color:var(--sand)}
.footer-bar{border-top:1px solid rgba(255,255,255,.12);padding-block:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:.76rem}
.footer-bar .muted{opacity:.7}
/* الهوية الرسمية — شعارات جامعة تبوك + الذكاء الاصطناعي 2026 + رؤية 2030 (نسخ بيضاء على الخلفية الكحلية) */
.footer-official{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.12);padding-block:28px}
.footer-official .fo-logo{width:auto;opacity:.9;transition:opacity .2s ease}
.footer-official .fo-logo:hover{opacity:1}
.footer-official .fo-logo--ut{height:50px}
.footer-official .fo-logo--ai{height:38px}
.footer-official .fo-logo--vision{height:42px}
.footer-official .fo-sep{width:1px;height:38px;background:rgba(255,255,255,.16);flex:none}
@media (max-width:560px){
  .footer-official{gap:22px;padding-block:24px}
  .footer-official .fo-sep{display:none}
  .footer-official .fo-logo--ut{height:42px}
  .footer-official .fo-logo--ai{height:32px}
  .footer-official .fo-logo--vision{height:36px}
}
.payrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media (max-width:920px){.footer-in{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer-in{grid-template-columns:1fr}}

.paychip{background:#fff;color:#12283C;border-radius:6px;padding:2px 10px;font-size:.66rem;font-weight:700;
  display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(0,0,0,.08);line-height:1.7;direction:ltr}
.paychip .mc{display:inline-flex}
.paychip .mc i{width:11px;height:11px;border-radius:50%;display:inline-block}
.paychip .mc i:first-child{background:#EB001B}
.paychip .mc i:last-child{background:#F79E1B;margin-left:-4px;opacity:.9}
.paychip.visa{color:#1A1F71;font-style:italic;letter-spacing:.04em}
.paychip.mada{color:#0E7D74}
.paychip.tabby{color:#0F7D62}
.paychip.tamara{color:#B0367B}

/* ============ Page hero (فاتح) ============ */
.page-hero{background:linear-gradient(180deg,var(--tint),var(--paper));border-bottom:1px solid var(--line);padding-block:44px;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;inset-inline-end:4%;top:-90px;width:230px;height:230px;border-radius:50%;
  border:36px solid color-mix(in srgb,var(--brand) 7%,transparent)}
.crumb{font-size:.78rem;color:var(--muted);display:flex;gap:8px;align-items:center;margin-bottom:8px;position:relative;flex-wrap:wrap}
.crumb b{color:var(--brand);font-weight:700}
.page-hero h1{font-size:clamp(1.6rem,3.2vw,2.2rem);font-weight:700;position:relative;color:var(--ink)}
.page-hero .lead{color:var(--muted);max-width:40rem;margin-top:8px;position:relative}
.page-hero .pmeta{margin-top:14px;position:relative}
.page-hero .pmeta span{font-size:.82rem}
.page-hero .pmeta svg{color:var(--brand)}

/* ============ تفاصيل البرنامج ============ */
.detail-grid{display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:start}
@media (max-width:920px){.detail-grid{grid-template-columns:1fr}}
.side-sticky{position:sticky;top:80px}
@media (max-width:920px){.side-sticky{position:static}}
.buybox{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.buybox .bb-head{background:var(--tint);padding:20px 24px;border-bottom:1px solid var(--line)}
.buybox .bb-head .bprice{display:flex;align-items:baseline;gap:8px}
.buybox .bb-head .bprice b{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--brand-strong)}
:root[data-theme="dark"] .buybox .bb-head .bprice b,
:root:not([data-theme="light"]) .buybox .bb-head .bprice b{color:var(--brand)}
.buybox .bb-head .bprice span{font-size:.8rem;color:var(--muted)}
.buybox .bb-head .inst{font-size:.75rem;color:var(--muted);margin-top:2px}
.buybox .bb-body{padding:22px 24px;display:flex;flex-direction:column;gap:14px}
.bb-li{display:flex;justify-content:space-between;gap:10px;font-size:.85rem;padding-bottom:12px;border-bottom:1px solid var(--line)}
.bb-li:last-of-type{border-bottom:0;padding-bottom:0}
.bb-li span{color:var(--muted)}
.bb-li b{font-weight:700}
.bb-note{background:var(--green-bg);color:var(--green);border-radius:var(--r-sm);padding:8px 14px;font-size:.76rem;font-weight:700;display:flex;gap:8px;align-items:center}
.bb-note svg{width:15px;height:15px;flex:none}
/* Registration-closed state in the program buybox — a calm, non-clickable notice */
.bb-closed{display:flex;gap:9px;align-items:center;justify-content:center;background:var(--tint);color:var(--muted);border:1px dashed var(--line);border-radius:12px;padding:14px 18px;font-weight:600;font-size:.92rem}
.bb-closed svg{width:18px;height:18px;flex:none;color:var(--brand)}
.seatbar{height:7px;border-radius:var(--pill);background:var(--tint);overflow:hidden}
.seatbar i{display:block;height:100%;width:72%;background:linear-gradient(90deg,var(--sand),var(--sand-deep));border-radius:var(--pill)}
.list-check{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 26px}
@media (max-width:640px){.list-check{grid-template-columns:1fr}}
.list-check li{display:flex;gap:10px;align-items:flex-start;font-size:.9rem}
.list-check svg{width:17px;height:17px;color:var(--green);flex:none;margin-top:6px}
.curr{display:flex;flex-direction:column;gap:10px}
.curr-sem{font-weight:700;font-size:.9rem;color:var(--brand);margin-top:8px}
.curr-row{display:flex;align-items:center;gap:14px;background:var(--wash);border:1px solid var(--line);border-radius:11px;padding:13px 18px}
.curr-row .n{width:30px;height:30px;border-radius:8px;background:var(--tint);color:var(--brand);display:grid;place-items:center;font-weight:700;font-size:.8rem;flex:none;font-variant-numeric:tabular-nums}
.curr-row b{font-size:.88rem;font-weight:700;flex:1}
.curr-row span{color:var(--muted);font-size:.74rem;white-space:nowrap;font-variant-numeric:tabular-nums}

/* ============ Checkout ============ */
.steps-ind{display:flex;align-items:center;gap:0;margin-bottom:36px;max-width:640px}
.si{display:flex;align-items:center;gap:10px;flex:none}
.si .c{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.85rem;
  border:2px solid var(--line);color:var(--muted);background:var(--surface);font-variant-numeric:tabular-nums}
.si span{font-size:.8rem;font-weight:700;color:var(--muted);white-space:nowrap}
.si.done .c{background:var(--green);border-color:var(--green);color:#fff}
.si.cur .c{background:var(--brand);border-color:var(--brand);color:#fff}
.si.cur span{color:var(--brand)}
.si.done span{color:var(--green)}
.si-line{flex:1;height:2px;background:var(--line);margin-inline:12px;min-width:24px}
.si-line.done{background:var(--green)}
.co-grid{display:grid;grid-template-columns:1fr 380px;gap:30px;align-items:start}
@media (max-width:920px){.co-grid{grid-template-columns:1fr}}
.co-sec{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px 28px;margin-bottom:22px}
.co-sec h3{font-size:1rem;font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.co-sec h3 svg{width:19px;height:19px;color:var(--brand)}
.payopts{display:flex;flex-direction:column;gap:12px}
.payopt{display:flex;align-items:center;gap:14px;border:1.5px solid var(--line);border-radius:12px;padding:14px 18px;cursor:pointer;transition:border-color .2s,background .2s;background:var(--wash)}
.payopt:hover{border-color:var(--brand)}
.payopt input{accent-color:var(--brand);width:17px;height:17px;flex:none;margin:0}
.payopt .po-t{flex:1}
.payopt .po-t b{display:block;font-size:.9rem;font-weight:700}
.payopt .po-t span{font-size:.72rem;color:var(--muted)}
.payopt.sel{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 5%,var(--surface));box-shadow:0 0 0 1px var(--brand)}
.cardform{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cardform .full{grid-column:1/-1}
@media (max-width:560px){.cardform{grid-template-columns:1fr}}
.secure-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;color:var(--muted);font-size:.72rem}
.secure-row span{display:flex;align-items:center;gap:6px}
.secure-row svg{width:14px;height:14px;color:var(--green)}
.summary{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.summary .sm-head{padding:18px 24px;border-bottom:1px solid var(--line);font-weight:700;font-size:.95rem}
.summary .sm-item{display:flex;gap:14px;padding:18px 24px;border-bottom:1px solid var(--line)}
.summary .sm-item .th{width:64px;height:64px;border-radius:12px;flex:none;background:linear-gradient(135deg,var(--brand),var(--navy-2));display:grid;place-items:center;color:rgba(255,255,255,.75)}
.summary .sm-item .th svg{width:26px;height:26px}
.summary .sm-item b{font-size:.88rem;font-weight:700;display:block;line-height:1.6}
.summary .sm-item span{font-size:.73rem;color:var(--muted)}
.summary .sm-body{padding:18px 24px;display:flex;flex-direction:column;gap:11px}
.ln{display:flex;justify-content:space-between;font-size:.86rem}
.ln span{color:var(--muted)}
.ln b{font-variant-numeric:tabular-nums;font-weight:700}
.ln.disc b{color:var(--green)}
.ln.total{border-top:1px dashed var(--line);padding-top:13px;margin-top:4px}
.ln.total span{color:var(--ink);font-weight:700}
.ln.total b{font-size:1.3rem;font-weight:700;color:var(--brand)}
.ln.total small{display:block;text-align:left;color:var(--muted);font-weight:400;font-size:.66rem}
.coupon{display:flex;gap:8px}
.coupon input{flex:1}
.applied{display:flex;align-items:center;justify-content:space-between;background:var(--green-bg);color:var(--green);border-radius:var(--r-sm);padding:8px 14px;font-size:.78rem;font-weight:700}
.applied svg{width:15px;height:15px}

/* ============ صفحة التأكيد ============ */
.success-wrap{max-width:720px;margin-inline:auto;text-align:center}
.success-ic{width:92px;height:92px;border-radius:50%;background:var(--green-bg);color:var(--green);display:grid;place-items:center;margin:0 auto 22px;animation:pop .5s cubic-bezier(.34,1.56,.64,1)}
.success-ic svg{width:44px;height:44px}
@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion: reduce){.success-ic{animation:none}}
.receipt{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-top:30px;text-align:right;overflow:hidden}
.receipt .rc-head{background:var(--paper);padding:16px 26px;border-bottom:1px dashed var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.85rem}
.receipt .rc-head b{font-variant-numeric:tabular-nums}
.receipt .rc-body{padding:10px 26px 20px}
.receipt .ln{padding-block:9px;border-bottom:1px solid var(--line)}
.receipt .ln:last-child{border-bottom:0}
.next-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;text-align:right}
@media (max-width:720px){.next-steps{grid-template-columns:1fr}}

/* ============ Timeline / quote / misc ============ */
.timeline{position:relative;display:flex;flex-direction:column}
.timeline::before{content:"";position:absolute;inset-inline-start:11px;top:8px;bottom:8px;width:2px;background:var(--line)}
.tl{position:relative;padding-inline-start:44px;padding-block:14px}
.tl::before{content:"";position:absolute;inset-inline-start:4px;top:24px;width:16px;height:16px;border-radius:50%;background:var(--surface);border:4px solid var(--brand)}
.tl .year{font-weight:700;color:var(--brand);font-size:1rem;font-variant-numeric:tabular-nums}
.tl p{color:var(--muted);font-size:.88rem}
.quote{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:34px 38px;position:relative}
.quote::before{content:"”";position:absolute;top:-6px;inset-inline-start:26px;font-size:5.5rem;color:var(--sand);opacity:.45;line-height:1;font-family:Georgia,serif}
.quote p{font-size:1.02rem;line-height:2.1;position:relative}
.quote footer{margin-top:16px;display:flex;align-items:center;gap:12px}
.quote footer .who b{display:block;font-weight:700;font-size:.9rem}
.quote footer .who span{color:var(--muted);font-size:.76rem}

/* ===== Trainee reviews (shared: home + program detail) ===== */
.tr-track{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:6px 2px}
.tr-track>.tr-card{margin:0}
@media(max-width:820px){.tr-track{grid-template-columns:1fr;max-width:560px;margin-inline:auto}}
.tr-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);
  border-radius:20px;padding:24px 26px 20px;display:flex;flex-direction:column;gap:13px;
  box-shadow:0 1px 2px rgba(12,59,97,.05);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.tr-card::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:3px;
  background:linear-gradient(90deg,var(--brand),var(--sand))}
.tr-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(12,59,97,.13);border-color:transparent}
.tr-card__mark{position:absolute;inset-block-start:2px;inset-inline-end:22px;font-family:Georgia,serif;
  font-size:5rem;line-height:1;color:var(--sand);opacity:.16;pointer-events:none;user-select:none}
.tr-card__stars{display:flex;gap:3px;position:relative}
.tr-card__stars svg{width:18px;height:18px;fill:var(--sand)}
.tr-card__quote{margin:0;font-size:.97rem;line-height:1.9;color:var(--ink);position:relative;
  display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.9em * 5)}
.tr-card__foot{display:flex;align-items:center;gap:13px;padding-top:15px;border-top:1px solid var(--line)}
.tr-card__avatar{width:48px;height:48px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-weight:700;font-size:1.15rem;color:#fff;background:linear-gradient(135deg,var(--brand),var(--navy))}
.tr-card__who b{display:block;font-weight:700;font-size:.92rem;color:var(--ink)}
.tr-card__who span{color:var(--muted);font-size:.78rem}
.avatar{width:44px;height:44px;border-radius:50%;background:var(--tint);color:var(--brand);display:grid;place-items:center;flex:none}
.avatar svg{width:21px;height:21px}
.about-photo{border-radius:18px;overflow:hidden;border:1px solid var(--line);min-height:280px;
  background-image:var(--img-campus);background-size:cover;background-position:center;box-shadow:var(--shadow)}
.info-li{display:flex;gap:14px;align-items:flex-start;padding-block:12px;border-bottom:1px solid var(--line)}
.info-li:last-child{border-bottom:0}
.info-li .icon-tile{width:42px;height:42px;border-radius:10px;margin:0;flex:none}
.info-li .icon-tile svg{width:19px;height:19px}
.info-li b{font-size:.88rem;font-weight:700;display:block}
.info-li span{color:var(--muted);font-size:.84rem;direction:ltr;unicode-bidi:embed}
.info-li span.ar{direction:rtl}
.map{height:190px;border-radius:var(--r);border:1px dashed color-mix(in srgb,var(--brand) 35%,var(--line));
  background:repeating-linear-gradient(45deg,var(--tint),var(--tint) 12px,transparent 12px,transparent 24px);
  display:grid;place-items:center;color:var(--muted);font-size:.84rem;text-align:center}
.map svg{width:28px;height:28px;color:var(--brand)}
.map-embed{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.map-embed iframe{filter:saturate(1.02)}
.map-embed__link{display:flex;align-items:center;gap:8px;padding:11px 16px;font-size:.82rem;font-weight:700;
  color:var(--brand);text-decoration:none;border-top:1px solid var(--line);background:var(--surface)}
.map-embed__link:hover{background:var(--tint)}
.map-embed__link svg{width:16px;height:16px;flex:none}
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start}
@media (max-width:880px){.contact-grid{grid-template-columns:1fr}}
.srv-mini{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line);font-size:.9rem}
.srv-mini:last-child{border-bottom:0}
.srv-mini svg{width:17px;height:17px;color:var(--brand);flex:none;margin-top:7px}

/* ============ Design system ============ */
.sw-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
@media (max-width:920px){.sw-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.sw-grid{grid-template-columns:repeat(2,1fr)}}
.sw{border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.sw .c{height:70px}
.sw .m{padding:10px 12px;font-size:.72rem;line-height:1.6}
.sw .m b{display:block;font-weight:700}
.sw .m code{color:var(--muted);font-family:Consolas,monospace;font-size:.7rem;direction:ltr;unicode-bidi:embed;display:inline-block}
.type-row{display:flex;align-items:baseline;gap:22px;padding-block:15px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.type-row:last-child{border-bottom:0}
.type-row small{color:var(--muted);font-size:.72rem;min-width:150px;font-family:Consolas,monospace;direction:ltr;unicode-bidi:embed;text-align:right}
.ds-note{background:var(--tint);border:1px solid color-mix(in srgb,var(--brand) 22%,transparent);border-radius:var(--r);padding:20px 26px;font-size:.9rem}
.ds-note b{color:var(--brand-strong)}
:root[data-theme="dark"] .ds-note b,
:root:not([data-theme="light"]) .ds-note b{color:var(--brand)}
.comp-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

/* ============ v4: حركات الدخول ============ */
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.an{animation:fadeUp .7s .08s both}
.an2{animation:fadeUp .7s .2s both}
.an3{animation:fadeUp .7s .32s both}
.an4{animation:fadeUp .7s .44s both}
.an5{animation:fadeUp .7s .56s both}
.hero-visual{animation:fadeUp .8s .3s both}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.float-chip{animation:fadeUp .6s .8s both,floaty 5s ease-in-out 2s infinite}
.float-card{animation:fadeUp .7s 1s both,floaty 6s ease-in-out 2.5s infinite}
.grid>.rv:nth-child(2){transition-delay:.08s}
.grid>.rv:nth-child(3){transition-delay:.16s}
.grid>.rv:nth-child(4){transition-delay:.24s}
.grid>.rv:nth-child(5){transition-delay:.32s}
.grid>.rv:nth-child(6){transition-delay:.4s}
.btn-primary{position:relative;overflow:hidden}
.btn-primary::after{content:"";position:absolute;top:0;bottom:0;width:40%;inset-inline-start:-60%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:inset-inline-start .5s ease}
.btn-primary:hover::after{inset-inline-start:130%}
.pcard .pthumb{transition:background-size .5s ease}
.news-card .news-thumb{transition:filter .3s}
.news-card:hover .news-thumb{filter:brightness(1.07)}

/* ============ v4: شريط الإعلان + العد التنازلي ============ */
.announce{background:linear-gradient(90deg,var(--brand-strong),var(--brand));color:#fff;font-size:.8rem;padding-block:8px}
.announce-in{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;text-align:center}
.announce b{font-weight:700}
.announce .alink{text-decoration:underline;font-weight:700;cursor:pointer;text-underline-offset:3px}
.cd{display:inline-flex;gap:5px;direction:ltr;align-items:stretch}
.cd span{display:flex;flex-direction:column;line-height:1.25;padding:2px 8px;background:rgba(255,255,255,.16);border-radius:7px;min-width:38px;
  font-variant-numeric:tabular-nums;font-weight:700;font-size:.85rem;text-align:center}
.cd small{font-size:.52rem;font-weight:400;opacity:.85}
.cd i{font-style:normal;font-weight:700;align-self:center;opacity:.6}

/* ============ v4: تصفح حسب المجال ============ */
.cat-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:18px 20px;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}
.cat-card .icon-tile{margin:0;width:46px;height:46px;border-radius:12px;flex:none}
.cat-card .icon-tile svg{width:22px;height:22px}
.cat-card b{font-size:.92rem;font-weight:700;display:block;line-height:1.5}
.cat-card span{font-size:.72rem;color:var(--muted)}
.cat-card .go{margin-inline-start:auto;color:var(--brand);opacity:0;transform:translateX(8px);transition:opacity .2s,transform .2s;flex:none}
.cat-card .go svg{width:17px;height:17px}
.cat-card:hover .go{opacity:1;transform:none}

/* ============ v4: شريط الاعتمادات المتحرك ============ */
.accs{padding-block:36px;border-block:1px solid var(--line);background:var(--wash)}
.accs .accs-t{text-align:center;color:var(--muted);font-size:.8rem;font-weight:700;margin-bottom:20px}
.marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marq-track{display:flex;gap:16px;width:max-content;animation:marq 26s linear infinite}
.marq:hover .marq-track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(50%)}}
.acc-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);
  background:var(--surface);border-radius:14px;padding:14px 30px 10px;white-space:nowrap}
.acc-chip .lg{display:block;background-repeat:no-repeat;background-position:center;background-size:contain;height:44px}
.acc-chip small{font-size:.68rem;font-weight:700;color:var(--muted)}
.lg-ut{width:148px;background-image:var(--lg-ut)}
.lg-nelc{width:124px;background-image:var(--lg-nelc)}
.lg-moe{width:94px;background-image:var(--lg-moe)}
.lg-v2030{width:72px;background-image:var(--lg-v2030)}

/* ============ v4: المدربون ============ */
.ins-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}
.ins-av{width:78px;height:78px;border-radius:50%;color:var(--brand);display:grid;place-items:center;font-weight:700;font-size:1.15rem;
  background:linear-gradient(135deg,var(--tint),color-mix(in srgb,var(--brand) 20%,var(--tint)));
  border:3px solid var(--surface);box-shadow:var(--shadow);margin-bottom:10px}
.ins-card b{font-weight:700;font-size:.95rem}
.ins-card>span{color:var(--muted);font-size:.76rem}
.ins-meta{display:flex;gap:12px;font-size:.7rem;color:var(--muted);margin-top:8px;padding-top:10px;border-top:1px solid var(--line);width:100%;justify-content:center}
.ins-meta i{font-style:normal;color:var(--sand-deep);font-weight:700}

/* ============ v4: الأسئلة الشائعة ============ */
.faq-list{max-width:1140px;margin-inline:auto;background:var(--surface);border:1px solid var(--line);
  border-radius:18px;padding:8px 42px;box-shadow:0 1px 3px rgba(16,40,64,.05)}
.faq{background:transparent;border:0;border-radius:0;border-bottom:1px solid var(--line);padding:0}
.faq:last-child{border-bottom:0}
.faq[open]{box-shadow:none}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding-block:24px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"";width:4px;height:24px;border-radius:99px;background:var(--sand);flex:none;transition:background .2s}
.faq[open] summary::before{background:var(--brand)}
.faq-q{flex:1;font-weight:700;font-size:1.15rem;color:var(--ink);line-height:1.6}
.faq summary::after{content:"+";width:32px;height:32px;border-radius:50%;background:var(--tint);color:var(--brand);
  display:grid;place-items:center;font-weight:700;font-size:1.2rem;flex:none;transition:background .2s,color .2s;line-height:1}
.faq[open] summary::after{content:"−";background:var(--brand);color:#fff}
.faq p,.faq .faq-body{padding-block:0 24px;padding-inline-start:18px;color:var(--muted);font-size:1.03rem;line-height:2.05}
.faq .faq-body p{padding-block:0;margin-bottom:8px}

/* ============ v4: نشرة التذييل + العناصر العائمة ============ */
.fnews{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-block:28px;border-bottom:1px solid rgba(255,255,255,.12)}
.fnews h4{color:#fff;margin:0 0 2px;font-size:1.02rem;font-weight:700}
.fnews p{font-size:.8rem}
.fnews-form{display:flex;gap:10px;flex:1;max-width:420px;min-width:260px}
.fnews-form input{flex:1;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:var(--r-sm);padding:9px 14px;font:inherit;font-size:.85rem}
.fnews-form input::placeholder{color:var(--hero-muted)}
.fnews-form input:focus{outline:2px solid var(--sand)}
.wa-float{position:fixed;bottom:22px;inset-inline-start:22px;z-index:70;width:54px;height:54px;border-radius:50%;
  background:#25D366;color:#fff;display:grid;place-items:center;border:none;box-shadow:0 12px 30px rgba(37,211,102,.4);transition:transform .2s,bottom .28s ease}
.wa-float:hover{transform:scale(1.1)}
.wa-float svg{width:28px;height:28px}
/* Lift the floating buttons above the cookie consent bar while it is shown */
.cookiebar-on .wa-float,.cookiebar-on .top-float{bottom:104px}
@media(max-width:600px){.cookiebar-on .wa-float,.cookiebar-on .top-float{bottom:172px}}
.top-float{position:fixed;bottom:22px;inset-inline-end:22px;z-index:70;width:46px;height:46px;border-radius:12px;
  background:var(--surface);border:1px solid var(--line);color:var(--brand);display:grid;place-items:center;
  box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .25s,transform .2s}
.top-float.show{opacity:1;pointer-events:auto}
.top-float:hover{transform:translateY(-3px)}
.top-float svg{width:20px;height:20px}

/* ============ v4: شريط نتائج الكتالوج ============ */
.results-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;font-size:.88rem;color:var(--muted);flex-wrap:wrap}
.results-bar b{color:var(--ink)}
.results-bar select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--r-sm);padding:8px 13px;font:inherit;font-size:.84rem}

/* ============ v10: هيرو عصري — أورورا + كلمة دوّارة + بطاقات عائمة ============ */
.hero2{position:relative;overflow:hidden;border-bottom:0;background:var(--navy);
  min-height:clamp(500px,66vh,720px);display:flex;flex-direction:column;justify-content:center}
.hero2__bg{position:absolute;inset:0;z-index:0}
.hero2__slide{position:absolute;inset:0;background-size:cover;background-position:center bottom;opacity:0;transition:opacity 1.4s ease}
.hero2__slide.is-active{opacity:1}
.hero2::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,31,53,.50) 0%,rgba(10,31,53,.42) 40%,rgba(8,26,45,.90) 100%)}
.hero2>.hs-slide{position:relative;z-index:2}
.hero2 h1{color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.35)}
.hero2 .hb{display:none}
/* شرائح الهيرو — النص على البداية (اليمين) مع حواف داخلية مريحة */
.hs-slide{display:none;padding:clamp(64px,9vh,110px) clamp(28px,7vw,110px) clamp(96px,13vh,140px);max-width:960px}
.hs-slide.active{display:block;animation:hsIn .55s ease}
@keyframes hsIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hs-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);
  color:#fff;border-radius:var(--pill);padding:7px 18px;font-size:.8rem;font-weight:600;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hs-badge .hs-dot{width:8px;height:8px;border-radius:50%;background:var(--sand);flex:none}
.hs-sub{color:#D9E5F0;font-size:1.05rem;line-height:2.05;max-width:34rem;margin-top:14px;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.hs-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}
.hs-btn{font:inherit;font-weight:600;font-size:.95rem;border-radius:12px;padding:13px 32px;cursor:pointer;transition:background .2s,transform .2s}
.hs-btn:active{transform:scale(.98)}
.hs-btn--solid{background:#fff;color:var(--navy);border:1px solid #fff}
.hs-btn--solid:hover{background:#EAF3FB}
.hs-btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}
.hs-btn--ghost:hover{background:rgba(255,255,255,.12)}
.hs-dots{position:absolute;bottom:28px;inset-inline:0;display:flex;justify-content:center;gap:10px;z-index:2}
.hs-dots button{width:34px;height:5px;border-radius:var(--pill);border:0;background:rgba(255,255,255,.42);cursor:pointer;padding:0;transition:background .25s,width .25s}
.hs-dots button:hover{background:rgba(255,255,255,.65)}
.hs-dots button.active{background:var(--sand);width:48px}
@media (max-width:640px){.hs-actions .hs-btn{flex:1;text-align:center}}
/* أرقام سريعة في الجانب الفارغ من الهيرو */
.hero-stats{position:absolute;bottom:40px;inset-inline-end:5%;display:flex;gap:0;color:#fff;z-index:2;
  background:rgba(6,26,44,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:16px 8px}
.hero-stats>div{text-align:center;padding-inline:26px;position:relative}
.hero-stats>div + div::before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);
  width:1px;height:38px;background:rgba(255,255,255,.22)}
.hero-stats b{display:block;font-size:1.55rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.3}
.hero-stats b i{font-style:normal;color:var(--sand)}
.hero-stats span{font-size:.72rem;color:#C9DCEC;font-weight:700}
@media (max-width:1100px){.hero-stats{display:none}}
/* بطاقة زجاجية للبرنامج المميز فوق صورة الهيرو */
.glass-card{background:rgba(255,255,255,.1);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);
  border:1px solid rgba(255,255,255,.28);border-radius:22px;padding:28px 30px;color:#fff;
  box-shadow:0 24px 60px rgba(0,0,0,.28);max-width:400px;width:100%;justify-self:end;transition:transform .3s,box-shadow .3s}
.glass-card:hover{transform:translateY(-5px);box-shadow:0 30px 70px rgba(0,0,0,.34)}
.gc-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.gc-seats{font-size:.72rem;color:var(--sand);font-weight:700;display:flex;align-items:center;gap:6px}
.gc-seats::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sand);animation:pulse 2s infinite}
.glass-card h3{font-size:1.35rem;font-weight:700;color:#fff}
.gc-sub{color:#C9DCEC;font-size:.82rem;margin-top:4px}
.gc-price{display:flex;align-items:baseline;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);flex-wrap:wrap}
.gc-price b{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}
.gc-price b small{font-size:.85rem;font-weight:700}
.gc-price span{font-size:.72rem;color:#C9DCEC}
.gc-actions{display:flex;gap:10px;margin-top:16px}
.gc-actions .btn{flex:1}
.gc-proof{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:.75rem;color:#C9DCEC}
.gc-avs{display:flex;flex:none}
.gc-avs i{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--navy-2));
  border:2px solid rgba(255,255,255,.65);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:.58rem;color:#fff;margin-inline-start:-9px}
.gc-avs i:first-child{margin-inline-start:0}
@media (max-width:920px){.glass-card{justify-self:center}}
.hb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none}
.hb1{width:480px;height:480px;background:color-mix(in srgb,var(--brand) 16%,transparent);top:-160px;inset-inline-end:-120px;animation:drift1 16s ease-in-out infinite alternate}
.hb2{width:380px;height:380px;background:color-mix(in srgb,var(--sand) 15%,transparent);bottom:-140px;inset-inline-start:6%;animation:drift2 20s ease-in-out infinite alternate}
.hb3{width:300px;height:300px;background:color-mix(in srgb,var(--brand) 10%,transparent);top:28%;inset-inline-start:40%;animation:drift1 24s 2s ease-in-out infinite alternate-reverse}
@keyframes drift1{to{transform:translate(-42px,30px) scale(1.08)}}
@keyframes drift2{to{transform:translate(50px,-26px) scale(1.05)}}
.hero2-in{position:relative;display:grid;grid-template-columns:1fr;align-items:center;padding-block:100px 118px;max-width:100%}
.hero2-in>div{max-width:720px}
.h2-chip{display:inline-flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:var(--pill);
  padding:6px 18px;font-size:.78rem;font-weight:700;color:var(--brand-strong);box-shadow:var(--shadow)}
.h2-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(31,138,91,.4)}50%{box-shadow:0 0 0 6px rgba(31,138,91,0)}}
.hero2 h1{font-size:clamp(2.1rem,4.6vw,3.25rem);font-weight:700;color:#fff;margin-top:24px;line-height:1.42;text-shadow:0 2px 16px rgba(0,0,0,.35)}
.rotator{color:var(--sand);display:inline-block;position:relative;isolation:isolate}
.rotator::after{content:"";position:absolute;bottom:6px;inset-inline:-3px;height:14px;z-index:-1;border-radius:5px;
  background:rgba(255,255,255,.14)}
.rotator.swap{animation:rotWord .5s ease}
@keyframes rotWord{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.hero2 .sub{color:#FFFFFF;font-size:1.05rem;max-width:33rem;margin-top:16px;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.h2-search{display:flex;gap:8px;margin-top:30px;background:var(--surface);border:1px solid var(--line);border-radius:14px;
  padding:9px;box-shadow:0 18px 46px rgba(6,26,44,.35);max-width:560px;align-items:center}
.h2-search>svg{width:20px;height:20px;color:var(--muted);margin-inline-start:12px;flex:none}
.h2-search input{border:0;background:transparent;flex:1;font:inherit;font-size:.92rem;color:var(--ink);min-width:0}
.h2-search input:focus{outline:none}
.h2-search input::placeholder{color:var(--muted)}
.h2-search .btn{border-radius:10px;flex:none}
.hero2 .hero-trust{margin-top:26px}
.h2-visual{position:relative;justify-self:end;width:min(380px,100%)}
.hv-main{box-shadow:var(--shadow-lg);transform:rotate(-2deg);transition:transform .35s}
.h2-visual:hover .hv-main{transform:rotate(0)}
.hv-float{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 16px;
  font-size:.78rem;font-weight:700;box-shadow:var(--shadow-lg);display:flex;gap:9px;align-items:center;white-space:nowrap;z-index:2;
  will-change:transform}
.hv-float .ft-ic{width:30px;height:30px;border-radius:var(--r-sm);display:grid;place-items:center;flex:none}
.hv-float .ft-ic svg{width:15px;height:15px}
.hv-float small{display:block;font-weight:400;color:var(--muted);font-size:.66rem}
.hvf1{top:-20px;inset-inline-start:-36px;animation:floaty 5s ease-in-out 1.4s infinite}
.hvf1 .ft-ic{background:var(--green-bg);color:var(--green)}
.hvf2{bottom:30px;inset-inline-end:-30px;animation:floaty 6.5s ease-in-out 2.2s infinite}
.hvf2 .ft-ic{background:var(--tint);color:var(--brand)}
.hvf3{top:44%;inset-inline-start:-56px;animation:floaty 7s ease-in-out 1.8s infinite}
.hvf3 .ft-ic{background:color-mix(in srgb,var(--sand) 18%,transparent);color:var(--sand-deep)}
@media (max-width:920px){
  .hero2-in{grid-template-columns:1fr;gap:52px;padding-block:56px 76px}
  .h2-visual{justify-self:center;margin-inline:36px}
  .hvf1{inset-inline-start:-16px}
  .hvf3{inset-inline-start:-24px}
  .hvf2{inset-inline-end:-14px}
}
/* لمعان يمسح أغلفة البرامج عند التحويم */
.pthumb::after{content:"";position:absolute;top:0;bottom:0;width:40%;inset-inline-start:-70%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-18deg);transition:inset-inline-start .6s ease}
.pcard:hover .pthumb::after{inset-inline-start:140%}
/* مجالات بتدرجات تطابق أغلفة البرامج */
.cat-card .icon-tile{color:#fff;transition:transform .25s}
.cat-card:hover .icon-tile{transform:scale(1.08) rotate(-4deg)}
.cat-card:nth-child(1) .icon-tile{background:linear-gradient(135deg,#3178AE,#0E3F68)}
.cat-card:nth-child(2) .icon-tile{background:linear-gradient(135deg,#2E8FA8,#11576F)}
.cat-card:nth-child(3) .icon-tile{background:linear-gradient(135deg,#5A6FB5,#28396F)}
.cat-card:nth-child(4) .icon-tile{background:linear-gradient(135deg,#B58C3F,#6E5118)}
.cat-card:nth-child(5) .icon-tile{background:linear-gradient(135deg,#2E8FA8,#11576F)}
.cat-card:nth-child(6) .icon-tile{background:linear-gradient(135deg,#3178AE,#0E3F68)}
/* آراء الخريجين — شخصية أوضح */
.t-card{position:relative;background:var(--surface)}
.t-card::before{content:"”";position:absolute;top:-4px;inset-inline-end:20px;font-size:4.6rem;line-height:1;
  color:var(--sand);opacity:.35;font-family:Georgia,serif;pointer-events:none}
.t-who .avatar{border:2px solid var(--tint);box-shadow:var(--shadow)}
/* اتساق عام */
.btn:active{transform:scale(.97)}

/* ============ v14: رحلة الالتحاق — سرد تمريري بلوحة لاصقة وصفوف تحريرية ============ */
.jr-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:start}
.jr-side{position:sticky;top:132px}
.jr-side h2{font-size:clamp(1.5rem,3vw,2.05rem);font-weight:700;text-wrap:balance}
.jr-side .lead{color:var(--muted);margin-top:12px;font-size:1rem;max-width:26rem}
.jr-progress{display:flex;align-items:center;gap:14px;margin-top:30px}
.jr-dots{display:flex;gap:8px}
.jr-dot{width:10px;height:10px;border-radius:var(--pill);background:var(--line);transition:width .35s,background .35s}
.jr-dot.on{width:30px;background:var(--brand)}
.jr-count{font-size:.8rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.jr-cta{display:flex;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap}
.jr-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.8rem;font-weight:700}
.jr-note svg{width:15px;height:15px;color:var(--sand-deep)}
.jr-steps{display:flex;flex-direction:column}
.jr-step{display:grid;grid-template-columns:104px 1fr auto;gap:26px;align-items:start;
  padding:34px 20px;margin-inline:-20px;border-radius:16px;border-top:1px solid var(--line);
  transition:background .3s}
.jr-step:last-child{border-bottom:1px solid var(--line)}
.jr-step:hover{background:var(--surface)}
.jr-num{font-size:3.7rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;
  color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--brand) 26%,var(--line));
  transition:-webkit-text-stroke .3s;padding-top:4px}
.jr-step.cur .jr-num{-webkit-text-stroke:0;background-image:linear-gradient(160deg,#2E86CC,#0C3B61);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.jr-step h3{font-size:1.12rem;font-weight:700;transition:color .3s}
.jr-step.cur h3{color:var(--brand-strong)}
.jr-step p{color:var(--muted);font-size:.9rem;margin-top:6px;max-width:34rem}
.jr-ic{width:52px;height:52px;border-radius:14px;background:var(--wash);border:1px solid var(--line);
  display:grid;place-items:center;color:var(--muted);transition:background .3s,color .3s,border-color .3s,transform .3s}
.jr-ic svg{width:23px;height:23px}
.jr-step.cur .jr-ic{background:var(--tint);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 35%,var(--line));transform:translateY(-3px)}
@media (max-width:920px){
  .jr-grid{grid-template-columns:1fr;gap:38px}
  .jr-side{position:static}
  .jr-step{grid-template-columns:64px 1fr;padding:26px 14px;margin-inline:-14px}
  .jr-num{font-size:2.4rem}
  .jr-ic{display:none}
}

/* ============ v13.1: رحلة الالتحاق — خط زمني متعرج بكبسولات متدرجة ============ */
.ztl{position:relative;max-width:960px;margin-inline:auto;display:flex;flex-direction:column;gap:36px;padding-block:14px}
.ztl::before{content:"";position:absolute;top:26px;bottom:26px;inset-inline-start:50%;transform:translateX(50%);width:2px;
  background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--brand) 35%,var(--line)) 0 9px,transparent 9px 18px)}
.z-step{position:relative;width:calc(50% + 36px);display:flex;align-items:center;gap:16px;padding:26px 30px;
  border-radius:var(--pill);color:#fff;box-shadow:0 18px 44px rgba(12,59,97,.18);transition:transform .25s,box-shadow .25s}
.z-step:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(12,59,97,.26)}
.z-step:nth-child(odd){margin-inline-end:auto;padding-inline-end:64px}
.z-step:nth-child(even){margin-inline-start:auto;padding-inline-start:64px;flex-direction:row-reverse;text-align:left}
.z-step:nth-child(even) .z-txt{text-align:right}
.zs1{background:linear-gradient(135deg,#1D5E92,#0C3B61)}
.zs2{background:linear-gradient(135deg,#2E8FA8,#11576F)}
.zs3{background:linear-gradient(135deg,#5A6FB5,#28396F)}
.zs4{background:linear-gradient(135deg,#B58C3F,#8A6420)}
.z-num{position:absolute;width:64px;height:64px;border-radius:50%;background:#fff;display:grid;place-items:center;
  font-weight:700;font-size:1.55rem;font-variant-numeric:tabular-nums;border:4px solid var(--paper);
  box-shadow:0 10px 26px rgba(12,59,97,.22);z-index:2}
.z-step:nth-child(odd) .z-num{inset-inline-end:-34px}
.z-step:nth-child(even) .z-num{inset-inline-start:-34px}
.zs1 .z-num{color:#14507E}
.zs2 .z-num{color:#11576F}
.zs3 .z-num{color:#28396F}
.zs4 .z-num{color:#8A6420}
.z-ic{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);
  display:grid;place-items:center;flex:none}
.z-ic svg{width:21px;height:21px;color:#fff}
.z-txt h3{font-size:1.05rem;font-weight:700;color:#fff}
.z-txt p{font-size:.82rem;color:rgba(255,255,255,.88);margin-top:4px;max-width:30rem}
.ztl-cta{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:44px;flex-wrap:wrap}
.ztl-cta span{color:var(--muted);font-weight:700;font-size:.94rem}
@media (max-width:760px){
  .ztl::before{display:none}
  .z-step{width:100%!important;margin:0!important;padding:20px 22px!important;flex-direction:row!important;gap:14px}
  .z-num{position:static!important;flex:none;width:52px;height:52px;font-size:1.25rem;border-width:3px}
  .z-ic{display:none}
  .z-txt{text-align:right!important}
}

/* ============ v13: رحلة الالتحاق — شريط صورة بعرض الشاشة وبطاقات زجاجية ============ */
.proc2{position:relative;padding-block:80px 72px;color:#fff;overflow:hidden;
  background-image:linear-gradient(180deg,rgba(7,30,50,.94),rgba(9,40,66,.9)),var(--img-campus);
  background-size:cover,cover;background-position:center;background-attachment:fixed,fixed}
@media (max-width:900px){.proc2{background-attachment:scroll,scroll}}
.proc2 .sec-head h2{color:#fff}
.proc2 .sec-head .lead{color:#C9DCEC}
.proc2 .eyebrow{color:var(--sand)}
.proc2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;counter-reset:p2;margin-top:14px}
.p2-step{position:relative;background:rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:32px 22px 26px;text-align:center;
  transition:transform .25s,background .25s,border-color .25s}
.p2-step:hover{transform:translateY(-6px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.38)}
.p2-num{counter-increment:p2;position:absolute;top:-17px;inset-inline-start:50%;transform:translateX(50%);
  width:36px;height:36px;border-radius:50%;background:var(--sand);color:#0C3B61;font-weight:700;font-size:.92rem;
  display:grid;place-items:center;border:3px solid rgba(255,255,255,.9);font-variant-numeric:tabular-nums;
  box-shadow:0 6px 16px rgba(0,0,0,.3)}
.p2-num::before{content:counter(p2)}
.p2-step:not(:last-child)::after{content:"←";position:absolute;inset-inline-end:-24px;top:50%;transform:translateY(-50%);
  color:var(--sand);font-size:1.35rem;font-weight:700;opacity:.9;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.p2-ic{width:66px;height:66px;border-radius:50%;margin:6px auto 16px;background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.3);display:grid;place-items:center}
.p2-ic svg{width:29px;height:29px;color:var(--sand)}
.p2-step h3{font-size:1.02rem;font-weight:700;color:#fff}
.p2-step p{font-size:.8rem;color:#C9DCEC;margin-top:6px}
.proc2-grid .rv:nth-child(2){transition-delay:.1s}
.proc2-grid .rv:nth-child(3){transition-delay:.2s}
.proc2-grid .rv:nth-child(4){transition-delay:.3s}
.proc2-cta{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:44px;flex-wrap:wrap}
.proc2-cta span{color:#DFEAF4;font-weight:700;font-size:.94rem}
@media (max-width:900px){
  .proc2-grid{grid-template-columns:1fr 1fr;gap:34px 18px}
  .p2-step:not(:last-child)::after{display:none}
}
@media (max-width:560px){.proc2-grid{grid-template-columns:1fr;gap:34px}}

/* ============ v9.3: رحلة الالتحاق — لوحة فاتحة منسجمة مع الصفحة ============ */
.proc{background:var(--wash);border:1px solid var(--line);border-radius:24px;padding:50px 46px 38px;color:var(--ink);
  position:relative;overflow:hidden;counter-reset:ps}
.proc::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M24 4 30 12 24 20 18 12Z M24 28 30 36 24 44 18 36Z M0 16 6 24 0 32Z M48 16 42 24 48 32Z' fill='%232074B8' fill-opacity='.045'/%3E%3C/svg%3E");
  background-size:44px}
.proc::after{content:"";position:absolute;inset-inline-start:-70px;top:-90px;width:240px;height:240px;border-radius:50%;
  border:36px solid color-mix(in srgb,var(--brand) 7%,transparent);pointer-events:none}
.proc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:36px;position:relative}
.proc-head .eyebrow{margin-bottom:6px}
.proc-head h2{color:var(--ink);font-size:clamp(1.35rem,2.8vw,1.85rem);font-weight:700}
.proc-head>p{color:var(--muted);font-size:.9rem;max-width:24rem}
.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.proc-step{padding:10px 26px 16px;position:relative;border-radius:14px;transition:background .25s,box-shadow .25s}
.proc-step:hover{background:var(--surface);box-shadow:var(--shadow)}
.proc-step:not(:first-child){border-inline-start:1px solid var(--line)}
.proc-step:not(:first-child)::before{content:"←";position:absolute;inset-inline-start:-14px;top:44px;width:28px;height:28px;border-radius:50%;
  background:var(--sand);color:#0C3B61;font-weight:700;font-size:.85rem;display:grid;place-items:center;border:4px solid var(--wash);z-index:1}
.p-num{counter-increment:ps;display:block;font-size:2.5rem;font-weight:700;line-height:1.1;margin-bottom:10px;
  color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--brand) 50%,transparent);font-variant-numeric:tabular-nums}
.p-num::before{content:"0" counter(ps)}
.proc-step .p-ic{width:42px;height:42px;border-radius:11px;background:var(--tint);color:var(--brand);
  display:grid;place-items:center;margin-bottom:12px}
.proc-step .p-ic svg{width:20px;height:20px}
.proc-step h3{font-size:.98rem;font-weight:700;color:var(--ink)}
.proc-step p{color:var(--muted);font-size:.8rem;margin-top:4px}
.proc-grid .rv:nth-child(2){transition-delay:.1s}
.proc-grid .rv:nth-child(3){transition-delay:.2s}
.proc-grid .rv:nth-child(4){transition-delay:.3s}
.proc-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;
  margin-top:32px;padding-top:26px;border-top:1px solid var(--line);position:relative}
.proc-foot span{color:var(--muted);font-size:.92rem;font-weight:700}
@media (max-width:900px){
  .proc{padding:38px 26px 30px}
  .proc-grid{grid-template-columns:1fr 1fr;gap:8px}
  .proc-step{padding:16px 18px}
  .proc-step:not(:first-child){border-inline-start:none}
  .proc-step:not(:first-child)::before{display:none}
}
@media (max-width:560px){.proc-grid{grid-template-columns:1fr}}

/* ============ v9: لماذا تبدأ رحلتك معنا؟ (فسيفساء بنمط numo) ============ */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"a a b" "c d d";gap:22px}
.why-card{border-radius:18px;padding:30px 28px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;
  transition:transform .25s,box-shadow .25s}
.why-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.why-card:nth-child(1){grid-area:a}
.why-card:nth-child(2){grid-area:b}
.why-card:nth-child(3){grid-area:c}
.why-card:nth-child(4){grid-area:d}
.why-card h3{font-size:1.08rem;font-weight:700;position:relative}
.why-card p{font-size:.88rem;position:relative;max-width:34rem}
.wc-lg h3{font-size:1.22rem}
.why-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;position:relative;margin-bottom:4px}
.why-icon svg{width:26px;height:26px}
.wc-blue{background:linear-gradient(135deg,var(--brand),var(--navy-2));color:#fff}
.wc-blue p{color:rgba(255,255,255,.85)}
.wc-blue .why-icon{background:rgba(255,255,255,.16);color:#fff}
.wc-blue::after{content:"";position:absolute;inset-inline-end:-46px;bottom:-70px;width:190px;height:190px;border-radius:50%;
  border:30px solid rgba(255,255,255,.07)}
.wc-sand{background:linear-gradient(135deg,var(--sand),var(--sand-deep));color:#fff}
.wc-sand p{color:rgba(255,255,255,.88)}
.wc-sand .why-icon{background:rgba(255,255,255,.18);color:#fff}
.wc-light{background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.wc-light p{color:var(--muted)}
.wc-light .why-icon{background:var(--tint);color:var(--brand)}

/* Home · Why-us — centered feature cards (moalimy-style: icon top-center,
   distinct colour per icon, centered title + text), fully responsive */
.why2-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1140px;margin-inline:auto}
.why2-row{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;
  background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:32px 22px;
  box-shadow:0 10px 30px rgba(12,59,97,.05);transition:box-shadow .22s,transform .22s,border-color .22s}
.why2-row:hover{box-shadow:0 18px 42px rgba(12,59,97,.10);transform:translateY(-4px);border-color:#DCE7F1}
.why2-media{flex:none}
.why2-ic{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;margin-inline:auto}
.why2-ic svg{width:31px;height:31px}
.why2-text h3{font-size:1.05rem;font-weight:700;color:var(--ink);line-height:1.5}
.why2-text p{color:var(--muted);margin-top:8px;line-height:1.9;font-size:.9rem}
/* distinct icon colour per card (like moalimy) */
.why2-row:nth-child(1) .why2-ic{background:rgba(32,116,184,.12);color:#2074B8}
.why2-row:nth-child(2) .why2-ic{background:rgba(201,155,63,.16);color:#A87E2B}
.why2-row:nth-child(3) .why2-ic{background:rgba(37,158,138,.15);color:#1F8A77}
.why2-row:nth-child(4) .why2-ic{background:rgba(110,132,214,.16);color:#4E63C0}
@media(max-width:900px){.why2-list{grid-template-columns:1fr 1fr;max-width:640px}}
@media(max-width:520px){.why2-list{grid-template-columns:1fr;max-width:360px}}

/* Home · Enrolment journey — compact centered step cards
   (accent bar + centered icon with a corner step-number badge) */
.jr2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1120px;margin-inline:auto}
.jr2-step{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:20px;
  padding:30px 22px 26px;text-align:center;box-shadow:0 10px 30px rgba(12,59,97,.06);
  transition:box-shadow .22s,transform .22s,border-color .22s}
.jr2-step::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--brand),var(--navy))}
.jr2-step:hover{box-shadow:0 20px 44px rgba(12,59,97,.12);transform:translateY(-5px);border-color:#DCE7F1}
.jr2-ic{position:relative;width:60px;height:60px;margin:0 auto 15px;border-radius:18px;display:grid;place-items:center;
  background:var(--tint);color:var(--brand)}
.jr2-ic svg{width:28px;height:28px}
.jr2-num{position:absolute;top:18px;inset-inline-end:calc(50% - 42px);z-index:2;width:25px;height:25px;border-radius:50%;
  display:grid;place-items:center;background:var(--navy);color:#fff;font-size:.72rem;font-weight:700;
  font-variant-numeric:tabular-nums;border:2px solid var(--surface);box-shadow:0 4px 12px rgba(12,59,97,.26)}
.jr2-step h3{font-size:1.06rem;font-weight:700;color:var(--ink)}
.jr2-step p{color:var(--muted);margin-top:8px;line-height:1.8;font-size:.9rem;max-width:220px;margin-inline:auto}
@media(max-width:900px){.jr2-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.jr2-grid{grid-template-columns:1fr}}

/* Home · tighter vertical rhythm (less space between sections) */
.home-flow .sec{padding-block:44px}
.home-flow .stats{padding-block:36px}
.home-flow .sec-head{margin-bottom:26px}
@media (max-width:860px){
  .why-grid{grid-template-columns:1fr;grid-template-areas:"a" "b" "c" "d"}
}

/* ============ v7: سلايدر بعرض الشاشة (نمط Slider Revolution) ============ */
.rev{position:relative;overflow:hidden;background:var(--navy);color:#fff;height:clamp(540px,78vh,660px)}
.rev-track{position:relative;height:100%}
.rev-slide{position:absolute;inset:0;display:flex;opacity:0;visibility:hidden;z-index:1;
  transition:opacity 1.1s ease,visibility 1.1s}
.rev-slide.on{opacity:1;visibility:visible;z-index:2}
.rev-slide .bg{position:absolute;inset:-2%;background-size:cover;background-position:center;will-change:transform}
/* حركة كين-بيرنز: الصورة تتقارب وتنزاح ببطء طوال عرض الشريحة */
@keyframes kburns{from{transform:scale(1) translateX(0)}to{transform:scale(1.14) translateX(-2.2%)}}
.rev-slide.on .bg{animation:kburns 11s ease-out both}
.rev-slide:nth-child(2).on .bg{animation-name:kburns2}
@keyframes kburns2{from{transform:scale(1.14) translateX(2.2%)}to{transform:scale(1) translateX(0)}}
.rev-slide .bg.grad{background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M24 4 30 12 24 20 18 12Z M24 28 30 36 24 44 18 36Z M0 16 6 24 0 32Z M48 16 42 24 48 32Z' fill='%23ffffff' fill-opacity='.05'/%3E%3C/svg%3E"),
  linear-gradient(135deg,var(--brand-strong),var(--navy));background-size:44px,cover}
.rev-slide .ov{position:absolute;inset:0;background:linear-gradient(100deg,rgba(9,38,63,.94) 28%,rgba(9,38,63,.74) 58%,rgba(9,38,63,.42) 100%)}
.rev-cap{position:relative;display:flex;align-items:center;width:100%;padding-block:60px 96px}
@media (max-width:720px){
  .rev{height:auto;min-height:600px}
  .rev-slide{position:absolute}
  .rev h1{font-size:1.9rem}
  .rev .sub{font-size:.95rem}
}
.rev-cap>div{max-width:660px}
.rev .eyebrow{color:var(--sand)}
.rev h1{font-size:clamp(2rem,4.6vw,3.2rem);font-weight:700;color:#fff}
.rev h1 em{font-style:normal;color:var(--sand)}
.rev .sub{color:#C9DCEC;font-size:1.05rem;max-width:34rem;margin-top:14px}
.rev .hero-trust{color:#A9C4DA}
.rev .hero-trust svg{color:var(--sand)}
/* طبقات الكابشن — تدخل متتابعة كما في Revolution */
.rev .lyr{opacity:0}
@keyframes capT{from{opacity:0;transform:translateY(-42px)}to{opacity:1;transform:none}}
@keyframes capB{from{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}
@keyframes capZ{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}
.rev-slide.on .l1{animation:capT .7s .15s both}
.rev-slide.on .l2{animation:capB .8s .35s both}
.rev-slide.on .l3{animation:capB .8s .55s both}
.rev-slide.on .l4{animation:capZ .7s .8s both}
.rev-slide.on .l5{animation:capB .7s 1s both}
/* الأسهم */
.rev-ar{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.28);color:#fff;
  display:grid;place-items:center;backdrop-filter:blur(4px);transition:background .2s,border-color .2s}
.rev-ar:hover{background:var(--sand);border-color:var(--sand);color:#0C3B61}
.rev-ar svg{width:20px;height:20px}
.rev-next{inset-inline-end:22px}
.rev-prev{inset-inline-start:22px}
.rev-prev svg{transform:scaleX(-1)}
@media (max-width:640px){.rev-ar{display:none}}
/* النقاط */
.rev-dots{position:absolute;bottom:74px;inset-inline:0;display:flex;justify-content:center;gap:8px;z-index:6}
.hdot{width:10px;height:10px;border-radius:var(--pill);border:none;background:rgba(255,255,255,.42);padding:0;transition:width .3s,background .3s;cursor:pointer}
.hdot.on{width:28px;background:var(--sand)}
/* مؤقّت التقدم أعلى السلايدر */
.rev-timer{position:absolute;top:0;inset-inline-start:0;height:4px;width:0;background:var(--sand);z-index:7}
@keyframes revTimer{from{width:0}to{width:100%}}
.rev-timer.run{animation:revTimer 7s linear forwards}
.rev:hover .rev-timer.run{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){
  .rev-slide{transition:none}
  .rev-slide.on .bg{animation:none!important}
  .rev-timer{display:none}
  .rev .lyr{opacity:1!important;animation:none!important}
}

/* ============ v6: صفحات الدخول والتسجيل ============ */
/* ============ v15: صفحات الدخول والتسجيل — تخطيط مقسوم احترافي ============ */
.auth-split{display:grid;grid-template-columns:1.05fr 1fr;min-height:640px}
.auth-split.wide-form{grid-template-columns:.92fr 1.08fr}
/* اللوحة التعريفية (صورة + تدرج) */
.auth-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;
  padding:56px 52px;color:#fff;
  background-image:linear-gradient(150deg,rgba(8,36,60,.93),rgba(9,45,74,.86)),var(--img-campus);
  background-size:cover,cover;background-position:center}
.auth-brand::after{content:"";position:absolute;inset-inline-start:-90px;bottom:-120px;width:300px;height:300px;
  border-radius:50%;border:40px solid rgba(255,255,255,.05);pointer-events:none}
.auth-brand .ab-logo{width:236px;height:76px;position:relative;background-image:var(--img-logo);
  filter:invert(1) grayscale(1) brightness(3);mix-blend-mode:screen}
.auth-brand h2{font-size:1.7rem;font-weight:700;color:#fff;position:relative;text-wrap:balance;line-height:1.5}
.auth-brand h2 em{font-style:normal;color:var(--sand)}
.auth-brand>.ab-mid{position:relative}
.auth-brand .ab-lead{color:#C9DCEC;font-size:.95rem;margin-top:12px;max-width:24rem}
.ab-list{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:14px;position:relative}
.ab-list li{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;color:#EAF3FB}
.ab-list .ab-ck{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);
  display:grid;place-items:center;flex:none;margin-top:1px}
.ab-list .ab-ck svg{width:14px;height:14px;color:var(--sand)}
.ab-foot{position:relative;display:flex;gap:16px;flex-wrap:wrap;color:#9DBAD2;font-size:.76rem;font-weight:700}
.ab-foot span{display:flex;align-items:center;gap:7px}
.ab-foot svg{width:15px;height:15px;color:var(--sand)}
/* لوحة النموذج */
.auth-form{background:var(--surface);padding:52px 56px;display:flex;flex-direction:column;justify-content:center}
.auth-form-in{width:100%;max-width:440px;margin-inline:auto}
.auth-split.wide-form .auth-form-in{max-width:520px}
.auth-form h1{font-size:1.5rem;font-weight:700}
.auth-form .sub{color:var(--muted);font-size:.9rem;margin-top:6px;margin-bottom:26px}
.auth-form form{display:flex;flex-direction:column;gap:16px}
.auth-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;flex-wrap:wrap;gap:8px}
.auth-row label{display:flex;gap:8px;align-items:center;cursor:pointer;color:var(--muted)}
.auth-row input[type="checkbox"]{accent-color:var(--brand);width:15px;height:15px}
.auth-row .lnk{color:var(--brand);font-weight:700;cursor:pointer}
.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.74rem;margin-block:2px}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}
.btn-nafath{background:#148263;color:#fff;width:100%}
.btn-nafath:hover{filter:brightness(1.08)}
.auth-foot{text-align:center;font-size:.85rem;color:var(--muted);margin-top:22px}
.auth-foot .lnk{color:var(--brand);font-weight:700;cursor:pointer}
.auth-note{text-align:center;font-size:.7rem;color:var(--muted);margin-top:14px}
/* حقول بأيقونات + زر إظهار كلمة المرور */
.in-wrap{position:relative;display:flex;align-items:center}
.in-wrap .in-ic{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);
  width:18px;height:18px;color:var(--muted);pointer-events:none;transition:color .2s}
.in-wrap input{padding-inline-start:42px}
.in-wrap input:focus ~ .in-ic,.in-wrap:focus-within .in-ic{color:var(--brand)}
.in-wrap input.has-toggle{padding-inline-end:44px}
.pw-toggle{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);
  width:34px;height:34px;border:none;background:transparent;color:var(--muted);display:grid;place-items:center;
  border-radius:8px;transition:color .2s,background .2s}
.pw-toggle:hover{color:var(--brand);background:var(--tint)}
.pw-toggle svg{width:18px;height:18px}
.pw-toggle .off{display:none}
.pw-toggle.show .on{display:none}
.pw-toggle.show .off{display:block}
/* مؤشر قوة كلمة المرور */
.pw-meter{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.pw-bars{display:flex;gap:6px}
.pw-bars i{height:5px;flex:1;border-radius:var(--pill);background:var(--line);transition:background .3s}
.pw-meter[data-level="1"] .pw-bars i:nth-child(-n+1){background:#E0524B}
.pw-meter[data-level="2"] .pw-bars i:nth-child(-n+2){background:#E0954B}
.pw-meter[data-level="3"] .pw-bars i:nth-child(-n+3){background:#C9B03F}
.pw-meter[data-level="4"] .pw-bars i{background:var(--green)}
.pw-hint{font-size:.72rem;color:var(--muted);font-weight:700}
.pw-meter[data-level="1"] .pw-hint{color:#E0524B}
.pw-meter[data-level="2"] .pw-hint{color:#C97E2B}
.pw-meter[data-level="3"] .pw-hint{color:var(--sand-deep)}
.pw-meter[data-level="4"] .pw-hint{color:var(--green)}
@media (max-width:880px){
  .auth-split,.auth-split.wide-form{grid-template-columns:1fr}
  .auth-brand{padding:38px 30px;gap:24px;min-height:auto}
  .auth-brand .ab-list,.auth-brand .ab-foot{display:none}
  .auth-brand h2{font-size:1.3rem}
  .auth-form{padding:38px 26px}
}

/* ============ v6: الشهادة المعتمدة ============ */
.cert{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:36px 34px 28px;
  box-shadow:var(--shadow-lg);position:relative;text-align:center;transform:rotate(-1.5deg);transition:transform .35s}
.cert:hover{transform:rotate(0)}
.cert::before{content:"";position:absolute;inset:10px;border:2px solid color-mix(in srgb,var(--sand) 55%,transparent);border-radius:12px;pointer-events:none}
.cert .c-logo{color:var(--brand);width:60px;height:50px;margin-inline:auto}
.cert .c-title{font-weight:700;font-size:1.15rem;margin-top:10px}
.cert .c-sub{color:var(--muted);font-size:.72rem}
.cert .c-name{font-size:1.3rem;font-weight:700;color:var(--brand-strong);margin-top:16px}
.cert .c-prog{color:var(--muted);font-size:.84rem;margin-top:2px}
.cert .c-foot{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding-top:18px;border-top:1px dashed var(--line)}
.c-sign{text-align:right;font-size:.72rem;color:var(--muted)}
.c-sign b{display:block;color:var(--ink);font-size:.8rem;font-weight:700}
.c-seal{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--sand),var(--sand-deep));
  display:grid;place-items:center;color:#fff;flex:none;box-shadow:0 6px 16px color-mix(in srgb,var(--sand-deep) 45%,transparent)}
.c-seal svg{width:26px;height:22px}
.c-qr{width:50px;height:50px;flex:none;color:var(--ink)}

/* ============ v5: شريط تقدم القراءة ============ */
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:90;pointer-events:none;background:transparent}
.scroll-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand),var(--sand))}

@media (prefers-reduced-motion: reduce){
  .an,.an2,.an3,.an4,.an5,.hero-visual,.float-chip,.float-card,.marq-track,.btn-primary::after{animation:none!important;transition:none!important}
  .grid>.rv{transition-delay:0s!important}
}
.page{display:block}

/* ============ الشريط الحكومي الرسمي (DGA) ============ */
.govbar{background:#F9FAFB;border-bottom:1px solid var(--line);font-size:.72rem;color:#161616;position:relative;z-index:6}
.govbar-in{display:flex;align-items:center;gap:10px;padding-block:6px;flex-wrap:wrap}
.govbar svg{flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.govbar-t{font-weight:600}
.govbar-how{position:relative}
.govbar-how summary{list-style:none;cursor:pointer;color:#1B8354;font-weight:700;display:flex;align-items:center;gap:5px}
.govbar-how summary::-webkit-details-marker{display:none}
.govbar-how summary::after{content:"";width:7px;height:7px;border-inline-start:2px solid #1B8354;border-bottom:2px solid #1B8354;
  transform:rotate(-45deg);margin-top:-3px;transition:transform .2s}
.govbar-how[open] summary::after{transform:rotate(135deg);margin-top:3px}
.govbar-pop{position:absolute;top:calc(100% + 10px);inset-inline-start:0;background:#fff;border:1px solid var(--line);
  border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.14);padding:14px 16px;width:min(360px,82vw);z-index:60;line-height:1.9}
.govbar-pop p{margin:0 0 8px}
.govbar-pop p:last-child{margin-bottom:0}

/* أرقام الإحصاءات بنفس حجم أرقام رحلة الالتحاق (01) */
@media (max-width:920px){.stat b{font-size:4.8rem}}

/* شريط الموافقة على الكوكيز — شريط سفلي بعرض الشاشة كما في المشروع السابق */
.cookiebar{position:fixed;bottom:0;inset-inline:0;z-index:90;background:var(--surface);
  border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(16,24,40,.08);padding:16px 24px}
.cookiebar-in{max-width:1180px;margin-inline:auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}
.cookiebar p{color:var(--muted);font-size:.86rem;line-height:1.9;flex:1;min-width:260px;margin:0}
.cookiebar p a{color:var(--brand);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.cookiebar .btn{flex:none}
.lang-switch svg{margin-inline-end:2px}

/* ============ استجابة الجوال: قائمة منسدلة + ضبط الترويسة ============ */
body{overflow-x:clip}
.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);place-items:center;flex:none;cursor:pointer}
.nav-toggle svg{width:22px;height:22px}
.nav-toggle .ic-close{display:none}
.nav-toggle[aria-expanded="true"] .ic-open{display:none}
.nav-toggle[aria-expanded="true"] .ic-close{display:block}
.mobnav{display:none;background:var(--surface);border-top:1px solid var(--line);box-shadow:var(--shadow-lg)}
.mobnav.open{display:block}
.mobnav>a{display:block;padding:13px 24px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line)}
.mobnav>a.cur{color:var(--brand)}
.mobnav .mn-cta{display:flex;gap:10px;padding:14px 24px}
.mobnav .mn-cta .btn{flex:1}
@media (min-width:1021px){.mobnav{display:none!important}}
@media (max-width:1020px){
  .nav-toggle{display:grid}
  .head-cta{margin-inline-start:auto}
  .head-cta .hide-mobile{display:none}
  .site-head-in{gap:16px;padding-block:14px}
}
@media (max-width:560px){
  .logo-head{width:150px;height:48px}
  .lang-switch .ls-label{display:none}
  .lang-switch{padding:7px 10px}
  .tb-meta .tb-hide{display:none}
  .wrap{padding-inline:16px}
}

/* ============ معالج التسجيل ثلاثي الخطوات ============ */
.wstep{display:none}
.wstep.on{display:block;animation:fadeUp .35s both}
.wiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px}
.srverr{background:#FDECEA;color:#B3261E;border:1px solid #F5C6C0;border-radius:10px;padding:12px 16px;font-size:.84rem;font-weight:700;margin-bottom:16px}
.phonegrp{display:flex;direction:ltr}
.phonegrp .pfx{border:1px solid var(--line);border-right:0;border-radius:var(--r-sm) 0 0 var(--r-sm);padding:10px 13px;background:var(--wash);color:var(--muted);font-weight:700;font-size:.9rem;line-height:1.5;flex:none}
.phonegrp input{border:1px solid var(--line);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:10px 13px;font:inherit;font-size:.9rem;width:100%;background:var(--paper);color:var(--ink);letter-spacing:.06em}
.phonegrp input:focus{outline:2px solid var(--brand);outline-offset:0;border-color:var(--brand)}
.ferr{display:none;font-size:.72rem;color:#B3261E;font-weight:700;margin-top:4px}
.field.bad .ferr{display:block}
.field.bad input,.field.bad select,.field.bad .phonegrp input{border-color:#D28A84}
.counter{font-size:.68rem;color:var(--muted);margin-top:3px}
.upbox{display:flex;align-items:center;gap:14px;border:1.5px dashed var(--line);border-radius:12px;padding:14px 18px;margin-bottom:6px;background:var(--wash);cursor:pointer;transition:border-color .2s,background .2s}
.upbox:hover{border-color:var(--brand)}
.upbox.ok{border-style:solid;border-color:color-mix(in srgb,var(--green) 45%,var(--line));background:var(--green-bg)}
.upbox .up-ic{width:40px;height:40px;border-radius:10px;background:var(--tint);color:var(--brand);display:grid;place-items:center;flex:none}
.upbox.ok .up-ic{background:var(--green);color:#fff}
.upbox .up-ic svg{width:19px;height:19px}
.upbox .up-t{flex:1;min-width:0}
.upbox .up-t b{display:block;font-size:.88rem;font-weight:700}
.upbox .up-s{font-size:.72rem;color:var(--muted);overflow-wrap:anywhere}
.rvw{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:0 0 18px;background:var(--wash);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.rvw dt{color:var(--muted);font-size:.72rem}
.rvw dd{margin:1px 0 0;font-weight:700;font-size:.88rem;overflow-wrap:anywhere}
@media (max-width:560px){.rvw{grid-template-columns:1fr}}
.agr{display:flex;gap:10px;align-items:flex-start;font-size:.8rem;cursor:pointer}
.agr input{accent-color:var(--brand);width:15px;height:15px;margin-top:5px;flex:none}
.soon{background:rgba(255,255,255,.25);border-radius:6px;padding:0 8px;font-size:.66rem;margin-inline-start:6px}
.sumcard{position:relative;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);border-radius:16px;padding:18px 20px;margin-top:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sumcard .sc-h{font-size:.68rem;color:var(--sand);font-weight:700;margin-bottom:6px}
.sumcard>b{font-weight:700;color:#fff}
.sumcard .sc-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:.72rem;color:#C9DCEC;margin-top:8px}
.sumcard .sc-meta svg{width:13px;height:13px}
.sumcard .sc-price{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2);color:#fff}
.sumcard .sc-price b{font-size:1.5rem;font-weight:700}
.sumcard .sc-price small{color:#C9DCEC;font-weight:400}
.sumcard .sc-inst{font-size:.72rem;color:var(--sand);margin-top:2px}

/* النموذج في اليمين واللوحة التعريفية في اليسار (مع بقاء النموذج أولًا على الجوال) */
.auth-split{grid-template-columns:1fr 1.05fr}
.auth-split.wide-form{grid-template-columns:1.08fr .92fr}
.auth-split .auth-form{order:1}
.auth-split .auth-brand{order:2}

/* حقل الجوال السعودي (intl-tel-input من مشروع cms) بمظهر حقول التصميم */
.phone-input-wrapper{width:100%}
.phone-intl-input{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:var(--r-sm);padding:10px 13px;font:inherit;font-size:.9rem;width:100%;direction:ltr;text-align:left}
.phone-intl-input:focus{outline:2px solid var(--brand);outline-offset:0;border-color:var(--brand)}
.iti{width:100%;direction:ltr}

/* ============ صفحة طلب الإفادة — التصميم المعتمد (نموذج + عمود جانبي) ============ */
.lt-grid{display:grid;grid-template-columns:1fr 330px;gap:24px;align-items:start}
.lt-alert{display:flex;gap:12px;background:var(--tint);border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));
  border-radius:11px;padding:13px 16px;font-size:.84rem;color:var(--brand-strong);line-height:1.95;margin-bottom:24px}
.lt-alert svg{width:19px;height:19px;flex:none;margin-top:6px;color:var(--brand)}
.lt-sec + .lt-sec{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.lt-sh{font-size:1.02rem;font-weight:700;color:var(--navy);margin:0 0 3px}
.lt-hint{font-size:.8rem;color:var(--muted);margin:0 0 16px}
.lt-req{color:#C0392B}
.lt-sub{font-size:.72rem;color:var(--muted)}
.lt-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lt-opt{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:var(--r-sm);
  padding:9px 14px;font-size:.9rem;cursor:pointer;background:var(--paper);transition:border-color .15s,background .15s}
.lt-opt input{accent-color:var(--brand);width:16px;height:16px;margin:0;flex:none}
.lt-opt:has(input:checked){border-color:var(--brand);background:var(--tint);font-weight:700;color:var(--navy)}
.lt-decl{background:var(--wash);border:1px solid var(--line);border-radius:12px;padding:20px 24px}
.lt-decl ol{margin:0;padding-inline-start:22px;display:flex;flex-direction:column;gap:8px;
  color:var(--muted);font-size:.86rem;line-height:2}
.lt-actions{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.lt-micro{font-size:.74rem;color:var(--muted);margin-top:10px}
/* بطاقات العمود الجانبي — بأسلوب بطاقات numo (بلا إطار، ظل ناعم، أيقونة داخل مربع مدوّر) */
.lt-aside{display:flex;flex-direction:column;gap:18px}
.lt-ncard{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:22px 24px}
.lt-ib{width:42px;height:42px;border-radius:11px;background:var(--tint);color:var(--brand);
  display:grid;place-items:center;flex:none}
.lt-ib svg{width:20px;height:20px}
.lt-nhead{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.lt-nhead h3{font-size:1rem;font-weight:700;color:var(--ink);margin:0}
.lt-ntxt{color:var(--muted);font-size:.84rem;line-height:2.1;margin:0}
.lt-nsteps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.lt-nsteps li{display:flex;gap:12px;align-items:flex-start}
.lt-nsteps b{display:block;color:var(--brand);font-size:.84rem;font-weight:700;margin-bottom:2px}
.lt-nsteps p{color:var(--muted);font-size:.8rem;line-height:1.95;margin:0}
.lt-plain{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.lt-plain li{position:relative;padding-inline-start:16px;font-size:.81rem;line-height:1.95;color:var(--muted)}
.lt-plain li::before{content:"";position:absolute;inset-inline-start:0;top:11px;width:6px;height:6px;
  border-radius:50%;background:var(--brand)}
.lt-help{background:var(--brand);color:#fff;border-radius:var(--r);padding:20px 24px;
  display:flex;gap:14px;align-items:center;box-shadow:var(--shadow);transition:background .2s}
.lt-help:hover{background:var(--brand-strong)}
.lt-help svg{width:30px;height:30px;flex:none}
.lt-help b{display:block;font-weight:700;margin-bottom:2px}
.lt-help u{color:rgba(255,255,255,.85);font-size:.82rem;text-underline-offset:3px}
@media (max-width:960px){.lt-grid{grid-template-columns:1fr}}
@media (max-width:560px){.lt-opts{grid-template-columns:1fr}}

/* ============ صفحة البرامج — تحديث المعاينة (صور حقيقية، شارة البدء، ترقيم) ============ */
.pthumb.ph1,.pthumb.ph2,.pthumb.ph3,.pthumb.ph4,.pthumb.ph5{background-blend-mode:normal;background-size:cover;background-position:center}
.pthumb.ph1{background-image:linear-gradient(160deg,rgba(14,63,104,.45),rgba(14,63,104,.72)),var(--img-ev1)}
.pthumb.ph2{background-image:linear-gradient(160deg,rgba(17,87,111,.4),rgba(17,87,111,.68)),var(--img-ev3)}
.pthumb.ph3{background-image:linear-gradient(160deg,rgba(40,57,111,.4),rgba(40,57,111,.68)),var(--img-news)}
.pthumb.ph4{background-image:linear-gradient(160deg,rgba(14,63,104,.42),rgba(14,63,104,.7)),var(--img-ev4)}
.pthumb.ph5{background-image:linear-gradient(160deg,rgba(17,66,101,.45),rgba(17,66,101,.72)),var(--img-campus)}
.ribbon{position:absolute;bottom:12px;inset-inline-start:12px;background:rgba(255,255,255,.94);color:var(--navy);
  border-radius:6px;padding:2px 12px;font-size:.68rem;font-weight:700}
.ribbon.hot{background:var(--sand);color:#0C3B61}
.pager{display:flex;gap:8px;justify-content:center;margin-top:30px}
.pager a,.pager span{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);
  background:var(--surface);color:var(--muted);border-radius:10px;font-weight:700;padding-inline:6px;font-size:.9rem}
.pager a:hover{color:var(--brand);border-color:var(--brand)}
.pager .on{background:var(--brand);border-color:var(--brand);color:#fff}
.pager .dis{opacity:.4}

/* ============ صفحة السياسات والأحكام — على نظام تصميم الموقع ============ */
.pol-grid{display:grid;grid-template-columns:290px 1fr;gap:30px;align-items:start}
/* فهرس المحتويات الجانبي */
.pol-toc{position:sticky;top:130px;padding:22px 22px 20px;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}
.pol-toc h2{font-size:.9rem;font-weight:800;color:var(--navy);margin:0 0 14px;padding-bottom:13px;
  border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}
.pol-toc h2::before{content:"";width:4px;height:16px;border-radius:2px;background:var(--brand)}
.pol-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.pol-toc a{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;border-radius:10px;font-size:.84rem;
  font-weight:700;color:var(--muted);transition:background .15s,color .15s,box-shadow .15s;line-height:1.7}
.pol-toc a:hover{background:var(--tint);color:var(--brand-strong)}
.pol-toc a .num{color:var(--brand);font-weight:800;min-width:16px}
/* بطاقة القسم */
.pol-sec{padding:30px 34px;scroll-margin-top:120px;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}
.pol-sec + .pol-sec{margin-top:22px}
.pol-t{display:flex;align-items:center;gap:14px;font-size:1.2rem;font-weight:800;color:var(--navy);
  margin:0 0 20px;padding-bottom:16px;border-bottom:2px solid var(--tint)}
.pol-t .num{width:36px;height:36px;border-radius:11px;background:linear-gradient(150deg,var(--brand),var(--brand-strong));
  color:#fff;display:grid;place-items:center;font-size:.9rem;font-weight:800;flex:none;box-shadow:0 4px 12px rgba(32,116,184,.28)}
/* محتوى الأقسام (البارشلز القديمة + الحوكمة) — توحيد بخط الموقع ومظهر واحد راقٍ */
.pol-body > section{margin:0!important;padding:0!important;background:transparent!important;max-width:none!important}
/* مقدمة القسم */
.pol-body .header-title{background:linear-gradient(180deg,var(--tint),transparent);border:1px solid var(--line);
  border-inline-start:3px solid var(--brand);border-radius:12px;padding:16px 20px;margin:0 0 22px}
.pol-body .header-title p{margin:0 0 6px}
.pol-body .header-title p:last-child{margin-bottom:0}
.pol-body .header-title .lead,.pol-body .header-title p:first-child{color:var(--navy);font-weight:800;font-size:.98rem}
/* عناوين فرعية موحّدة بشريط لوني */
.pol-body h3{font-size:1rem;font-weight:800;color:var(--brand-strong);margin:24px 0 10px;
  padding-inline-start:12px;border-inline-start:3px solid var(--brand);line-height:1.5}
.pol-body .privacy-content:first-child h3,.pol-body .header-title + .privacy-content h3{margin-top:0}
.pol-body .privacy-content{margin-bottom:6px}
.pol-body p{color:var(--muted);font-size:.92rem;line-height:2.05;margin:0 0 10px}
.pol-body .lead{font-weight:800;color:var(--ink);font-size:.95rem}
/* قوائم بعلامات مخصّصة بلون الهوية */
.pol-body ul,.pol-body ol{color:#3d5163;font-size:.92rem;line-height:2;margin:0 0 14px;padding-inline-start:6px;
  display:flex;flex-direction:column;gap:8px;list-style:none;counter-reset:pol}
.pol-body ul li,.pol-body ol li{position:relative;padding-inline-start:24px}
.pol-body ul li::before{content:"";position:absolute;inset-inline-start:4px;top:.62em;width:7px;height:7px;
  border-radius:2px;background:var(--brand);transform:rotate(45deg)}
.pol-body ol li{counter-increment:pol}
.pol-body ol li::before{content:counter(pol);position:absolute;inset-inline-start:0;top:.1em;width:20px;height:20px;
  border-radius:6px;background:var(--tint);color:var(--brand-strong);font-size:.72rem;font-weight:800;
  display:grid;place-items:center;line-height:1}
.pol-body strong{color:var(--ink);font-weight:800}
.pol-body a{color:var(--brand);font-weight:700}
/* جداول موحّدة — رأس كحلي كما في قسم الحوكمة */
.pol-body .refund-table-wrapper{overflow-x:auto;margin:14px 0;border-radius:12px;border:1px solid var(--line)}
.pol-body table{width:100%;border-collapse:collapse;font-size:.88rem;overflow:hidden}
.pol-body th{background:var(--navy);color:#fff;font-weight:700;padding:12px 16px;text-align:start;border:1px solid var(--navy)}
.pol-body td{padding:11px 16px;border:1px solid var(--line);color:var(--muted)}
.pol-body tbody tr:nth-child(even){background:var(--wash)}
.pol-body tr td:last-child{font-weight:800;color:var(--navy)}
.refund-important-notes{background:color-mix(in srgb,var(--sand) 10%,transparent);
  border:1px solid color-mix(in srgb,var(--sand) 35%,var(--line));border-radius:11px;padding:16px 20px;margin-top:14px}
.refund-important-notes__title{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--sand-deep);margin-bottom:8px;font-size:.9rem}
.refund-important-notes__title svg{width:17px;height:17px;fill:currentColor;flex:none}
.refund-important-notes ul{margin-bottom:0}
.policy-contacts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;margin-bottom:16px}
.policy-contact{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:11px;
  padding:12px 16px;background:var(--paper);transition:border-color .15s,box-shadow .15s}
.policy-contact:hover{border-color:var(--brand);box-shadow:var(--shadow)}
.policy-contact__ic{width:38px;height:38px;border-radius:10px;background:var(--tint);color:var(--brand);
  display:grid;place-items:center;flex:none}
.policy-contact__ic svg{width:18px;height:18px;fill:currentColor}
.policy-contact__ic--wa{background:var(--green-bg);color:var(--green)}
.policy-contact__txt{font-size:.84rem;font-weight:700;color:var(--ink)}
@media (max-width:920px){
  .pol-grid{grid-template-columns:1fr}
  .pol-toc{position:static}
  .policy-contacts{grid-template-columns:1fr}
  .pol-sec{padding:22px 20px}
}

/* التاريخ الهجري والساعة في الشريط الحكومي */
.govbar-dt{margin-inline-start:auto;display:flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}
.govbar-dt i{opacity:.45;font-style:normal}
@media (max-width:720px){.govbar-dt{display:none}}
.govbar-dt .gd{display:flex;align-items:center;gap:6px}
.govbar-dt .gd svg{width:13px;height:13px;color:var(--brand);flex:none}

/* ============ صفحة تفاصيل البرنامج — التصميم المعتمد ============ */
.page-hero.dt-hero{background-size:cover;background-position:center 30%;padding-block:54px}
.page-hero.dt-hero::after{display:none}
.dt-type{display:inline-block;background:rgba(255,255,255,.92);color:var(--navy);border-radius:7px;
  padding:2px 14px;font-size:.74rem;font-weight:700;margin-bottom:10px;position:relative}
.page-hero.dt-hero .lead{max-width:46rem}
.dt-tabs{position:sticky;top:0;z-index:60;background:var(--surface);border-bottom:1px solid var(--line);
  box-shadow:0 6px 20px rgba(12,59,97,.05)}
.dt-tabs-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.dt-tabs a{flex:none;padding:13px 18px;font-size:.87rem;font-weight:700;color:var(--muted);
  position:relative;transition:color .2s}
.dt-tabs a:hover{color:var(--brand)}
.dt-tabs a.on{color:var(--brand-strong)}
.dt-tabs a.on::after{content:"";position:absolute;inset-inline:14px;bottom:0;height:3px;
  border-radius:3px 3px 0 0;background:var(--brand)}
.dt-sec{margin-bottom:22px;scroll-margin-top:160px}
.dt-sec > h3{margin-bottom:14px}
.dt-sub{color:var(--muted);font-size:.86rem;margin:-6px 0 16px}
.dt-prose p{color:var(--muted);font-size:.93rem;line-height:2.15;margin:0 0 12px;max-width:70ch}
.dt-prose p:last-child{margin-bottom:0}
.dt-goals{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dt-goal{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;
  padding:16px 18px;background:var(--paper);transition:border-color .2s,box-shadow .2s}
.dt-goal:hover{border-color:color-mix(in srgb,var(--brand) 35%,var(--line));box-shadow:var(--shadow)}
.dt-goal.wide{grid-column:1/-1}
.dt-goal .n{width:30px;height:30px;border-radius:var(--r-sm);background:var(--tint);color:var(--brand);
  display:grid;place-items:center;font-weight:700;font-size:.85rem;flex:none}
.dt-goal b{display:block;font-weight:700;font-size:.9rem;margin-bottom:4px;color:var(--ink)}
.dt-goal p{color:var(--muted);font-size:.82rem;line-height:1.95;margin:0}
.dt-plan-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.dt-plan-head h3{margin:0}
.dt-plan-total{font-size:.78rem;font-weight:700;color:var(--brand-strong);background:var(--tint);
  border-radius:var(--pill);padding:4px 16px}
.dt-lvl-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.dt-lvl-tabs button{font:inherit;font-weight:700;font-size:.9rem;color:var(--muted);background:var(--wash);
  border:1px solid var(--line);border-radius:11px;padding:11px;cursor:pointer;transition:all .2s}
.dt-lvl-tabs button small{display:block;font-weight:700;font-size:.72rem;color:var(--muted);margin-top:2px}
.dt-lvl-tabs button.on{background:var(--tint);border-color:var(--brand);color:var(--brand-strong)}
.dt-courses{display:flex;flex-direction:column;gap:8px}
.dt-course{display:flex;align-items:center;gap:12px;border:1px solid var(--line);
  border-radius:10px;padding:11px 15px;background:var(--paper)}
.dt-course .n{width:26px;height:26px;border-radius:8px;background:var(--wash);color:var(--muted);
  display:grid;place-items:center;font-weight:700;font-size:.76rem;flex:none}
.dt-course b{font-weight:700;font-size:.88rem;flex:1}
.dt-course .h{font-size:.74rem;font-weight:700;color:var(--brand-strong);background:var(--tint);
  border-radius:var(--pill);padding:2px 12px;flex:none}
.dt-req-box{border:1px solid var(--line);border-radius:12px;padding:18px 20px;background:var(--paper)}
.dt-req-box .ic{width:40px;height:40px;border-radius:11px;background:var(--tint);color:var(--brand);
  display:grid;place-items:center;margin-bottom:10px}
.dt-req-box .ic svg{width:19px;height:19px}
.dt-req-box ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.dt-req-box li{position:relative;padding-inline-start:16px;font-size:.86rem;color:var(--muted);line-height:2}
.dt-req-box li::before{content:"";position:absolute;inset-inline-start:0;top:12px;width:6px;height:6px;
  border-radius:50%;background:var(--brand)}
.dt-durpick{margin-bottom:14px}
.dt-durpick .lbl{display:block;font-size:.74rem;font-weight:700;color:var(--muted);margin-bottom:7px}
.dt-durpick .opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dt-durpick .opts a{display:block;text-align:center;font-weight:700;font-size:.84rem;border:1px solid var(--line);
  background:var(--paper);color:var(--muted);border-radius:var(--r-sm);padding:9px;transition:all .15s}
.dt-durpick .opts a.on{border-color:var(--brand);background:var(--tint);color:var(--brand-strong);font-weight:700}
.dt-mcta{position:fixed;bottom:0;inset-inline:0;z-index:80;background:var(--surface);
  border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(12,59,97,.12);
  padding:12px 20px;display:none;align-items:center;justify-content:space-between;gap:14px}
.dt-mcta b{font-size:1.15rem;color:var(--navy);display:block}
.dt-mcta span{font-size:.72rem;color:var(--muted)}
@media (max-width:920px){
  .dt-mcta{display:flex}
  .dt-goals{grid-template-columns:1fr}
}

/* أكورديون مستويات الخطة الدراسية */
.dt-acc{border:1px solid var(--line);border-radius:11px;background:var(--paper);overflow:hidden}
.dt-acc + .dt-acc{margin-top:10px}
.dt-acc summary{display:flex;align-items:center;gap:10px;padding:13px 18px;cursor:pointer;list-style:none;
  font-weight:700;font-size:.92rem;color:var(--ink);background:var(--wash);transition:background .2s,color .2s}
.dt-acc summary::-webkit-details-marker{display:none}
.dt-acc summary:hover{color:var(--brand-strong)}
.dt-acc[open] summary{background:var(--tint);color:var(--brand-strong)}
.dt-acc summary .m{margin-inline-start:auto;font-size:.74rem;font-weight:700;color:var(--muted)}
.dt-acc summary .ch{width:16px;height:16px;color:var(--muted);flex:none;transform:rotate(180deg);transition:transform .25s}
.dt-acc[open] summary .ch{transform:rotate(0)}
.dt-acc .dt-courses{padding:12px 14px}

/* ============ التسجيل والدخول — التصميم المعتمد ============ */
.rg-split{display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch}
.rg-formcol{order:1;background:var(--surface);display:flex;justify-content:center;min-width:0}
.rg-formin{width:100%;max-width:680px;padding:44px 44px 64px}
.rg-visual{order:2;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;
  align-items:center;text-align:center;gap:30px;padding:44px 42px;color:#fff;
  background:linear-gradient(200deg,rgba(9,40,66,.9),rgba(9,40,66,.55) 45%,rgba(9,40,66,.88)),var(--img-campus);
  background-size:cover;background-position:center}
.rgv-logo{width:212px;height:68px;margin:0 auto 18px;filter:invert(1) grayscale(1) brightness(3);mix-blend-mode:screen}
.rg-visual h2{font-size:1.75rem;font-weight:700;line-height:1.75;color:#fff;margin:0 0 12px;text-wrap:balance}
.rg-visual em{color:var(--sand);font-style:normal}
.rg-visual p{color:#D5E4F0;font-size:.92rem;line-height:2.1;max-width:36ch;margin:0 auto}
.rgv-foot{display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:12px;font-size:.85rem;font-weight:700;color:#EAF3FB}
.rgv-foot svg{width:16px;height:16px;color:var(--sand);vertical-align:-3px;margin-inline-end:9px}
.lt-sh .sn{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;
  background:var(--tint);color:var(--brand);font-size:.8rem;font-weight:700;margin-inline-end:8px;vertical-align:-6px}
.rg-nafath{display:flex;align-items:center;gap:13px;width:100%;text-align:start;font:inherit;cursor:not-allowed;
  border:1.5px solid #1B8354;background:color-mix(in srgb,#1B8354 6%,var(--paper));border-radius:12px;padding:13px 16px;opacity:.85}
.rg-nafath .nf-ic{width:40px;height:40px;border-radius:10px;background:#1B8354;color:#fff;display:grid;place-items:center;flex:none}
.rg-nafath .nf-ic svg{width:20px;height:20px}
.rg-nafath .nf-t{flex:1}
.rg-nafath .nf-t b{display:block;font-weight:700;font-size:.9rem;color:var(--ink)}
.rg-nafath .nf-t small{color:var(--muted);font-size:.74rem}
.rg-progress{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.rg-progress .bar{flex:1;height:7px;border-radius:var(--pill);background:var(--wash);overflow:hidden}
.rg-progress .bar i{display:block;height:100%;border-radius:var(--pill);background:var(--brand);transition:width .35s}
.rg-progress span{font-size:.72rem;font-weight:700;color:var(--muted);white-space:nowrap}
.rg-sumline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px;
  background:var(--tint);border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));
  border-radius:10px;padding:10px 16px;font-size:.78rem;font-weight:700;color:var(--brand-strong)}
.rg-sumline svg{width:13px;height:13px;vertical-align:-2px}
.rg-sumline > b{margin-inline-start:auto;font-size:.95rem;color:var(--navy)}
.rg-sumline > b small{font-weight:700;font-size:.7rem;color:var(--muted)}
.rg-pw{display:flex;align-items:center;gap:10px;margin-top:7px}
.rg-pw .bars{display:flex;gap:4px;flex:none}
.rg-pw .bars i{width:26px;height:5px;border-radius:var(--pill);background:var(--line)}
.rg-pw .bars[data-l="1"] i:nth-child(1){background:#D64545}
.rg-pw .bars[data-l="2"] i:nth-child(-n+2){background:var(--sand)}
.rg-pw .bars[data-l="3"] i:nth-child(-n+3){background:#7AB55C}
.rg-pw .bars[data-l="4"] i{background:var(--green)}
.rg-pw span{font-size:.7rem;color:var(--muted)}
.rg-trust{display:flex;justify-content:center;gap:18px;margin-top:12px;font-size:.72rem;color:var(--muted);flex-wrap:wrap}
.rg-trust span{display:flex;align-items:center;gap:5px}
.rg-trust svg{width:13px;height:13px;color:var(--green)}
.lg-wrap{min-height:70vh;display:grid;place-items:center;background:var(--wash);padding:56px 20px}
.lg-card{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--line);
  border-radius:18px;box-shadow:var(--shadow-lg);padding:36px 38px}
.lg-logo{width:200px;height:64px;margin:0 auto 18px}
.lg-card h1{font-size:1.3rem;font-weight:700;text-align:center;margin:0 0 4px}
.lg-sub{color:var(--muted);font-size:.86rem;text-align:center;margin:0 0 20px}
.idtabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--wash);
  border:1px solid var(--line);border-radius:11px;padding:4px;margin-bottom:16px}
.idtabs button{font:inherit;font-weight:700;font-size:.85rem;border:0;background:transparent;
  color:var(--muted);border-radius:8px;padding:9px;cursor:pointer;transition:all .15s}
.idtabs button.on{background:var(--surface);color:var(--brand-strong);font-weight:700;box-shadow:var(--shadow)}
.lg-foot{text-align:center;font-size:.84rem;color:var(--muted);margin-top:18px}
.lg-secure{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.7rem;
  color:var(--muted);margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.lg-secure svg{width:12px;height:12px;color:var(--green)}
.spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);
  border-top-color:#fff;border-radius:50%;animation:lgspin .7s linear infinite;vertical-align:-2px;margin-inline-end:6px}
@keyframes lgspin{to{transform:rotate(360deg)}}
@media (max-width:960px){
  .rg-split{grid-template-columns:1fr}
  .rg-visual{position:relative;height:auto;gap:18px;padding:28px 24px}
  .rg-visual h2{font-size:1.35rem}
  .rgv-foot{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px 20px}
  .rg-formin{padding:30px 22px 50px}
}
@media (max-width:600px){
  .lg-card{padding:26px 22px}
  .rg-sumline > b{margin-inline-start:0;width:100%}
}
/* الدخول بنفس تقسيم التسجيل — نموذج قصير يتوسط عموده */
.rg-formcol.rg-center{align-items:center}
.rg-formin.rg-narrow{max-width:520px}

/* ============ تفاصيل البرنامج — البنية المرجعية (بطل كحلي، تبويبات، بلاطات، بطاقة رسوم بصورة) ============ */
.dt2-hero{background:linear-gradient(135deg,#092C4C,var(--navy-2));color:#fff;padding-block:44px 52px}
.dt2-hero .crumb{color:#B9CFE2;margin-bottom:12px}
.dt2-hero .crumb a{color:#B9CFE2}
.dt2-hero .crumb b{color:var(--sand)}
.dt2-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.dt2-chip{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#EAF3FB;
  border-radius:var(--pill);padding:3px 16px;font-size:.76rem;font-weight:700}
.dt2-hero h1{color:#fff;font-size:clamp(1.9rem,4vw,2.7rem);font-weight:700;margin:0}
.dt2-en{color:#9FBCD4;font-size:.95rem;font-weight:500;margin-top:8px}
/* تبويبات صفحة البرنامج — شبكة كبسولات متساوية العرض تلتف تلقائيًا */
.dt2-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:24px}
.dt2-tabs a{display:flex;align-items:center;justify-content:center;text-align:center;padding:11px 10px;
  font-size:.9rem;font-weight:700;line-height:1.4;color:var(--muted);background:var(--surface);
  border:1px solid var(--line);border-radius:var(--pill);
  transition:color .2s,background .2s,border-color .2s,box-shadow .2s}
.dt2-tabs a:hover{color:var(--brand-strong);background:var(--tint);border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}
.dt2-tabs a.on{color:#fff;background:var(--brand);border-color:var(--brand);font-weight:600;box-shadow:0 6px 16px rgba(32,116,184,.28)}
.dt2-tabs a.on:hover{color:#fff;background:var(--brand-strong);border-color:var(--brand-strong)}
.dt2-tabs a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.dt2-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px}
.dt2-fact{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px}
.dt2-fact .k{display:block;font-size:.74rem;font-weight:700;color:var(--muted);margin-bottom:2px}
.dt2-fact .v{font-size:1.05rem;font-weight:700;color:var(--navy)}
.dt2-h{font-size:1.1rem;font-weight:700;color:var(--navy);margin:0 0 12px}
.dt-tabpane{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px 28px}
.dt2-feecard{max-width:560px}
.dt2-feeprice b{font-size:2.6rem;font-weight:700;color:var(--navy)}
.dt2-feeprice span{font-weight:700;color:var(--muted)}
.dt2-feeprice del{color:var(--muted);font-size:1.1rem;margin-inline-start:10px}
.dt2-feenote{color:var(--sand-deep);font-size:.85rem;font-weight:700;margin:2px 0 16px}
.bb2{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.bb2-img{height:150px;background-size:cover;background-position:center 32%}
.bb2-in{padding:20px 22px}
.bb2-lbl{font-size:.74rem;font-weight:700;color:var(--muted)}
.bb2-price b{font-size:2.3rem;font-weight:700;color:var(--navy)}
.bb2-price span{font-weight:700;color:var(--muted)}
.bb2-price del{color:var(--muted);font-size:1rem;margin-inline-start:8px}
.bb2-inst{color:var(--sand-deep);font-size:.78rem;font-weight:700;margin:2px 0 14px}
.bb2-rows{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.bb2-row{display:flex;justify-content:space-between;gap:10px;font-size:.83rem}
.bb2-row .k{color:var(--muted);font-weight:700}
.bb2-row .v{font-weight:700;color:var(--ink);text-align:start}
.bb2-btn{width:100%;background:var(--navy);color:#fff;border-radius:10px;padding:13px;font-weight:700}
.bb2-btn:hover{background:var(--navy-2)}
.bb2-ghost{width:100%;margin-top:10px}
.bb2-foot{text-align:center;font-size:.72rem;color:var(--muted);margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
@media (max-width:920px){
  .dt2-facts{grid-template-columns:1fr}
  .dt-tabpane{padding:18px 16px}
  .dt2-tabs{grid-template-columns:1fr 1fr}
  .dt2-tabs a{padding:10px 8px;font-size:.85rem}
}

/* مخرجات التعلم — صفوف بطاقات بدائرة صح ذهبية (النمط المرجعي) */
.dt-outs{display:flex;flex-direction:column;gap:14px}
.dt-out{display:flex;align-items:center;gap:14px;background:var(--paper);border:1px solid var(--line);
  border-radius:12px;padding:18px 20px;box-shadow:var(--shadow)}
.dt-out .ck{width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--sand) 22%,#FFFDF7);
  color:var(--sand-deep);display:grid;place-items:center;flex:none}
.dt-out .ck svg{width:14px;height:14px}
.dt-out b{font-weight:700;color:var(--navy);font-size:.95rem;line-height:1.9}
.dt-out p{margin:3px 0 0;color:var(--muted);font-size:.82rem;line-height:1.95}

/* شارات بطل صفحة البرنامج */
.dth-chips{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 12px;position:relative}
.dth-chips .tag{font-size:.78rem;font-weight:700;padding:4px 16px;border-radius:var(--pill)}
/* شارة الرقم الكحلية لصفوف شروط القبول */
.dt-out .nbadge{width:30px;height:30px;border-radius:var(--r-sm);background:var(--navy);color:#fff;
  display:grid;place-items:center;font-size:.9rem;font-weight:700;flex:none}

/* بطاقتا متطلبات الحضور + الدراسة والشهادة (تبويب شروط القبول) */
.dt-2cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.dt-card2{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px 24px;box-shadow:var(--shadow)}
.dt-card2 h4{display:flex;align-items:center;gap:9px;font-size:.98rem;font-weight:700;color:var(--navy);margin:0 0 10px}
.dt-card2 h4 svg{width:18px;height:18px;color:var(--brand);flex:none}
.dt-reqlines p{margin:0;padding:7px 0;font-size:.86rem;color:var(--muted);line-height:2}
.dt-reqlines p.b{font-weight:700;color:var(--ink)}
.dt-crows{list-style:none;margin:0;padding:0}
.dt-crows li{display:flex;align-items:center;gap:10px;padding:11px 0;font-size:.86rem;font-weight:700;
  color:var(--ink);border-bottom:1px dashed var(--line)}
.dt-crows li:last-child{border-bottom:0}
.dt-crows svg{width:16px;height:16px;color:var(--brand);flex:none}
@media (max-width:920px){.dt-2cards{grid-template-columns:1fr}}

/* ── Buybox media header: program image with mode badge (price moved into the rows) ── */
.buybox .bb-media{position:relative;height:172px;background:linear-gradient(135deg,var(--navy),var(--brand-strong))}
.buybox .bb-media img{width:100%;height:100%;object-fit:cover;display:block}
.buybox .bb-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(12,59,97,.55));pointer-events:none}
.buybox .bb-media .bb-media-ph{width:100%;height:100%;background:var(--img-logo) center/44% no-repeat,linear-gradient(135deg,var(--navy),var(--brand-strong))}
.buybox .bb-media .bb-media-tag{position:absolute;bottom:12px;inset-inline-start:14px;z-index:1;background:rgba(255,255,255,.94);color:var(--navy);font-size:.72rem;font-weight:600;padding:5px 12px;border-radius:var(--pill);box-shadow:0 2px 10px rgba(0,0,0,.18)}
.bb-li b del{color:var(--muted);font-weight:600;margin-inline-start:6px;font-size:.78rem}

/* ============ v15: صفحة الحساب (الملف الشخصي) ============ */
.acct-wrap{max-width:760px;margin-inline:auto}
.form-ok{display:flex;align-items:center;gap:10px;background:var(--green-bg);color:var(--green);
  border:1px solid color-mix(in srgb,var(--green) 30%,transparent);border-radius:10px;
  padding:12px 16px;font-size:.85rem;font-weight:700;margin-bottom:16px}
.form-ok svg{width:20px;height:20px;flex:none}
.pf-head{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.pf-avatar{position:relative;width:104px;height:104px;border-radius:50%;overflow:hidden;cursor:pointer;flex:none;
  border:3px solid var(--brand);box-shadow:0 0 0 4px var(--tint);transition:box-shadow .25s,transform .25s}
.pf-avatar:hover{transform:translateY(-2px);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 22%,transparent)}
.pf-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.pf-avatar .pf-initials{width:100%;height:100%;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--brand),var(--navy));color:#fff;font-size:34px;font-weight:600;letter-spacing:2px;user-select:none}
.pf-avatar .pf-cam{position:absolute;inset-inline:0;bottom:0;height:36%;display:grid;place-items:center;
  background:linear-gradient(to top,rgba(12,59,97,.82),transparent);opacity:0;transition:opacity .25s}
.pf-avatar:hover .pf-cam{opacity:1}
.pf-avatar .pf-cam svg{width:20px;height:20px;color:#fff}
.pf-meta{display:flex;flex-direction:column;gap:6px;min-width:0}
.pf-meta h2{margin:0;font-size:1.3rem;font-weight:700;color:var(--ink)}
.pf-meta .pf-sub{margin:0;color:var(--muted);font-size:.86rem;display:inline-flex;align-items:center;gap:6px;direction:ltr}
.pf-meta .pf-sub svg{width:15px;height:15px;color:var(--brand);flex:none}
.pf-change{font-size:.8rem;color:var(--brand);font-weight:700;display:inline-flex;align-items:center;gap:5px;cursor:pointer;width:fit-content;background:none;border:0;padding:0;font-family:inherit}
.pf-change:hover{color:var(--brand-strong)}
.pf-change svg{width:15px;height:15px}
.pf-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line);flex-wrap:wrap}
@media (max-width:600px){
  .pf-head{justify-content:center;text-align:center}
  .pf-meta{align-items:center}
  .pf-change{margin-inline:auto}
  .pf-actions{justify-content:stretch}
  .pf-actions .btn{flex:1 1 auto;justify-content:center}
}

/* ============ v15: استعادة كلمة المرور — عدّاد إعادة الإرسال + إدخال الرمز ============ */
.btn[disabled],.btn:disabled{opacity:.6;cursor:not-allowed}
.cooldown{background:var(--tint);border:1px solid var(--line);border-radius:12px;padding:14px 20px;text-align:center;margin-bottom:16px}
.cooldown .cd-label{color:var(--muted);font-size:.78rem;margin-bottom:6px}
.cooldown .cd-time{color:var(--brand-strong);font-weight:600;font-size:1.7rem;font-variant-numeric:tabular-nums;letter-spacing:2px}
.cooldown .cd-bar{width:100%;height:4px;background:var(--line);border-radius:2px;margin-top:10px;overflow:hidden}
.cooldown .cd-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--sand));border-radius:2px;transition:width 1s linear}
.otp-input{direction:ltr;text-align:center;letter-spacing:8px;font-weight:600;font-size:1.35rem;padding-inline:14px !important}

/* ============ v15: بطاقة حالة الدفع (رابط منتهٍ / ملغى) ============ */
.status-wrap{min-height:56vh;display:grid;place-items:center}
.status-card{max-width:520px;margin:0 auto;text-align:center;padding:48px 40px}
.status-ic{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px}
.status-ic svg{width:38px;height:38px}
.status-ic.expired{background:#FEF3C7;color:#D97706}
.status-ic.cancelled{background:#FEE2E2;color:#DC2626}
.status-card h1{font-size:1.5rem;font-weight:700;color:var(--ink);margin:0 0 12px}
.status-card p{font-size:.98rem;color:var(--muted);line-height:2;margin:0 0 28px}

/* صندوق قسم برأس ملون — بنفس لغة أكورديون الخطة الدراسية */
.dt-secbox{border:1px solid var(--line);border-radius:11px;background:var(--paper);overflow:hidden}
.dt-secbox + .dt-secbox{margin-top:26px}
.dt-secbox > .h{display:flex;align-items:center;gap:10px;padding:14px 20px;font-weight:700;font-size:.92rem;
  background:var(--tint);color:var(--brand-strong);border-bottom:1px solid var(--line)}
.dt-secbox > .b{padding:20px 22px}
.dt-secbox .dt-out{box-shadow:none}

/* اعتمادات وشراكات — شارات شعارات بيضاء في التذييل (نمط cms) */
.f-accred-t{font-weight:700;color:#fff;margin:24px 0 10px;font-size:.85rem}
.f-accred{display:flex;gap:10px;flex-wrap:wrap}
.f-alogo{background:#fff;border-radius:10px;padding:6px 14px;height:46px;display:grid;place-items:center}
.f-alogo img{max-height:32px;max-width:100px;object-fit:contain;display:block}
/* NELC entity-verification badge — same chip language, sized to the iframe */
.f-alogo--nelc{padding:0;height:60px;width:200px;overflow:hidden}
.f-alogo--nelc iframe{border:0;display:block;width:200px;height:60px;border-radius:10px}

/* ============ بطاقة البرنامج الاحترافية — صورة نظيفة وصفوف معلومات وشريط سعر ============ */
.pcard .pthumb{height:172px}
.prows{display:flex;flex-direction:column;gap:8px;margin-top:2px}
.prows span{display:flex;align-items:center;gap:9px;font-size:.8rem;color:var(--muted);font-weight:700;line-height:1.8}
.prows svg{width:14px;height:14px;color:var(--brand);flex:none}
.pfoot2{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:12px}
.pricebar{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  background:var(--wash);border-radius:12px;padding:10px 16px}
.pricebar b{font-size:1.35rem;font-weight:700;color:var(--navy)}
.pricebar span{font-size:.7rem;color:var(--muted);font-weight:700;white-space:nowrap}
.pricebar del{font-size:.85rem}
.pfoot2 .btn{width:100%}

/* صفوف معلومات البطاقة — أيقونة في بلاطة تينت وفواصل منقّطة */
.prows{gap:0;margin-top:4px}
.prows span{gap:10px;padding:8px 0;color:var(--ink);border-bottom:1px dashed var(--line)}
.prows span:last-child{border-bottom:0}
.prows svg{width:26px;height:26px;padding:6px;border-radius:8px;background:var(--tint);color:var(--navy);box-sizing:border-box}
/* صورة البرنامج الخاصة على البطاقة */
.pthumb.phimg{background-size:cover;background-position:center;background-blend-mode:normal}
.pthumb.phimg::before{display:none}

/* نموذج بحث الكتالوج المدمج — حقلان + زر، أصغر وأقرب للأعلى */
.finder-compact{grid-template-columns:1fr 1fr auto;padding:14px 16px;gap:12px}
.finder-compact .field label{font-size:.74rem}
.finder-compact .field input,.finder-compact .field select{padding:9px 14px;font-size:.87rem;border-radius:10px}
.finder-compact .btn{padding:10px 24px;font-size:.88rem}
@media (max-width:860px){.finder-compact{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.finder-compact{grid-template-columns:1fr}}


/* اسم المعهد الطويل في شريحة الشهادة — حجم أصغر بلا شريط سفلي */
.rotator.rot-long{display:inline;font-size:.6em;line-height:2;letter-spacing:0}
.rotator.rot-long::after{display:none}
/* تحديد النص بلون الهوية بدل الأزرق الافتراضي */
::selection{background:rgba(32,116,184,.85);color:#fff}

/* ============ الإحصاءات — شريط كحلي متدرج (التصميم المعتمد من المعاينة) ============ */
.stats-in{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--brand),var(--navy-2));border-radius:18px;
  padding:44px 16px;gap:0;box-shadow:var(--shadow-lg)}
.stats-in::after{content:"";position:absolute;inset-inline-end:-46px;bottom:-70px;width:190px;height:190px;border-radius:50%;
  border:30px solid rgba(255,255,255,.07)}
.stats-in .stat{position:relative;padding-inline:16px}
.stats-in .stat + .stat::before{content:"";position:absolute;inset-inline-start:0;top:16%;bottom:16%;
  width:1px;background:rgba(255,255,255,.15)}
.stats-in .stat b{display:flex;justify-content:center;align-items:flex-start;direction:ltr;font-family:'saud','IBM Plex Sans Arabic',sans-serif;
  font-size:clamp(3.1rem,4.2vw,4.2rem);font-weight:700;line-height:1.1;background:none;background-image:none;
  -webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#fff;color:#fff}
.stats-in .stat b::after{display:none}
.stats-in .stat b .plus{font-style:normal;font-size:.42em;font-weight:700;color:var(--sand);
  -webkit-text-fill-color:var(--sand);margin-top:.3em;margin-inline-end:2px}
.stats-in .stat > span{color:var(--hero-muted);font-size:.95rem;font-weight:700;margin-top:8px}
/* span.num يقع داخل b؛ قاعدتا .stat span العامتان تفرضان عليه حجمًا صغيرًا مباشرًا — نعيده للوراثة */
.stats-in .stat b .num{display:inline;font-size:inherit;font-weight:inherit;line-height:inherit;
  color:#fff;-webkit-text-fill-color:#fff;margin:0}
.stats-in .stat::after{content:"";display:block;width:34px;height:3px;border-radius:3px;
  background:var(--sand);margin:16px auto 0}
@media (max-width:920px){
  .stats-in{grid-template-columns:1fr 1fr;row-gap:32px}
  .stats-in .stat:nth-child(3)::before{display:none}
  .stats-in .stat b{font-size:2.7rem}
}