:root{
  --bg:#f4faff;
  --bg-2:#ecf5ff;
  --ink:#071b33;
  --ink-soft:#41516a;
  --primary:#0a66ff;
  --primary-2:#37bcf8;
  --cyan:#79dbff;
  --aqua:#7ff6e2;
  --violet:#7962ff;
  --white:#ffffff;
  --glass:rgba(255,255,255,.48);
  --glass-strong:rgba(255,255,255,.68);
  --stroke:rgba(255,255,255,.78);
  --stroke-blue:rgba(10,102,255,.18);
  --shadow:0 22px 70px rgba(7,27,51,.10);
  --shadow-blue:0 26px 80px rgba(10,102,255,.16);
  --radius-lg:34px;
  --radius-md:26px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  font-family:"IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 15% 8%,rgba(127,246,226,.24),transparent 29%),
    radial-gradient(circle at 82% 18%,rgba(10,102,255,.15),transparent 30%),
    radial-gradient(circle at 62% 76%,rgba(121,98,255,.10),transparent 31%),
    linear-gradient(180deg,#fbfdff 0%,var(--bg) 42%,#eef7ff 100%);
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-5;
  pointer-events:none;
  background-image:
    linear-gradient(to right,rgba(10,102,255,.045) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(10,102,255,.045) 1px,transparent 1px);
  background-size:40px 40px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),rgba(0,0,0,.18),rgba(0,0,0,.08));
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit}
#networkCanvas{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:-4;
  pointer-events:none;
}
.page-glow{
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:radial-gradient(circle at center,transparent 18%,rgba(244,250,255,.78) 72%,#f4faff 100%);
}
.bubble{
  position:fixed;
  z-index:-2;
  border-radius:999px;
  filter:blur(1px);
  opacity:.6;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.65),rgba(121,219,255,.24));
  border:1px solid rgba(255,255,255,.7);
  box-shadow:inset 0 0 34px rgba(255,255,255,.85),0 30px 90px rgba(10,102,255,.10);
}
.bubble-1{width:240px;height:240px;right:-90px;top:120px;animation:float 12s ease-in-out infinite}
.bubble-2{width:170px;height:170px;left:4%;top:46%;animation:float 14s ease-in-out infinite reverse}
.bubble-3{width:120px;height:120px;left:16%;bottom:110px;animation:float 10s ease-in-out infinite}
@keyframes float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-24px,0)}}
.section-shell{
  width:min(var(--container),calc(100% - 40px));
  margin-inline:auto;
}
.site-header{
  position:fixed;
  top:22px;
  left:50%;
  transform:translateX(-50%);
  z-index:50;
  width:min(620px,calc(100% - 28px));
}
.glass-nav{
  min-height:66px;
  padding:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:999px;
  background:rgba(255,255,255,.52);
  -webkit-backdrop-filter:blur(28px) saturate(150%);
  backdrop-filter:blur(28px) saturate(150%);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 18px 46px rgba(7,27,51,.10),inset 0 1px 0 rgba(255,255,255,.8),inset 0 -20px 40px rgba(255,255,255,.18);
}
.nav-link{
  position:relative;
  padding:12px 22px;
  border-radius:999px;
  font-weight:600;
  color:var(--ink-soft);
  transition:.32s cubic-bezier(.16,1,.3,1);
  white-space:nowrap;
}
.nav-link:hover{color:var(--primary);background:rgba(255,255,255,.52)}
.nav-link.active{
  color:white;
  background:linear-gradient(135deg,rgba(10,102,255,.95),rgba(55,188,248,.88));
  box-shadow:0 12px 28px rgba(10,102,255,.30),inset 0 2px 8px rgba(255,255,255,.45);
}
.menu-toggle{display:none;background:transparent;border:0;padding:10px;border-radius:999px;cursor:pointer}
.menu-toggle span{display:block;width:22px;height:2px;margin:4px 0;border-radius:2px;background:var(--primary)}
.liquid-card{
  position:relative;
  background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.36) 48%,rgba(219,244,255,.30));
  border:1px solid var(--stroke);
  border-radius:var(--radius-lg);
  -webkit-backdrop-filter:blur(28px) saturate(170%);
  backdrop-filter:blur(28px) saturate(170%);
  box-shadow:0 26px 70px rgba(7,27,51,.11),0 2px 10px rgba(255,255,255,.50) inset,0 -38px 70px rgba(121,219,255,.08) inset;
  overflow:hidden;
  transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s cubic-bezier(.16,1,.3,1),background .42s cubic-bezier(.16,1,.3,1),border-color .42s ease;
}
.liquid-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.16) 32%,rgba(10,102,255,.08) 70%,rgba(127,246,226,.18)),
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.82),transparent 26%),
    radial-gradient(circle at 88% 96%,rgba(121,98,255,.16),transparent 34%);
  opacity:.82;
  mix-blend-mode:screen;
}
.liquid-card::after{
  content:"";
  position:absolute;
  inset:1px;
  pointer-events:none;
  border-radius:calc(var(--radius-lg) - 1px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}
.liquid-card:hover{
  transform:translateY(-7px);
  background:var(--glass-strong);
  border-color:rgba(255,255,255,.98);
  box-shadow:var(--shadow-blue),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -25px 48px rgba(255,255,255,.17);
}
.hero{
  padding-top:150px;
  padding-bottom:72px;
}
.hero-content{
  min-height:520px;
  display:grid;
  grid-template-columns:1fr 1.04fr;
  gap:64px;
  align-items:center;
  direction:ltr;
}
.hero-copy{text-align:right;position:relative;z-index:2;direction:rtl;grid-column:1;grid-row:1}
.eyebrow,.mini-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-bottom:18px;
  padding:8px 15px;
  border-radius:999px;
  color:var(--primary);
  background:rgba(255,255,255,.55);
  border:1px solid rgba(255,255,255,.82);
  box-shadow:0 8px 22px rgba(10,102,255,.08),inset 0 1px 0 rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  font-family:"JetBrains Mono","IBM Plex Sans Arabic",monospace;
  font-size:12px;
  font-weight:700;
}
.hero h1{
  margin:0 0 22px;
  font-size:clamp(40px,5vw,74px);
  line-height:1.14;
  letter-spacing:-.04em;
  font-weight:700;
}
.hero h1 span{
  color:var(--primary);
  text-shadow:0 14px 38px rgba(10,102,255,.20);
}
.hero p{
  width:min(560px,100%);
  margin:0 0 28px;
  color:var(--ink-soft);
  font-size:18px;
  line-height:1.9;
}
.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:13px 26px;
  border-radius:999px;
  font-weight:700;
  overflow:hidden;
  transition:.34s cubic-bezier(.16,1,.3,1);
}
.btn::before{
  content:"";
  position:absolute;
  top:-120%;
  right:-40%;
  width:90px;
  height:220%;
  transform:rotate(24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);
  opacity:0;
  transition:.4s ease;
}
.btn:hover::before{right:115%;opacity:1}
.btn:hover{transform:translateY(-3px)}
.btn.primary{
  color:white;
  background:linear-gradient(135deg,rgba(10,102,255,.96),rgba(55,188,248,.92));
  border:1px solid rgba(255,255,255,.56);
  box-shadow:0 16px 38px rgba(10,102,255,.28),inset 0 2px 8px rgba(255,255,255,.42);
}
.btn.ghost{
  color:var(--primary);
  background:rgba(255,255,255,.47);
  border:1px solid rgba(10,102,255,.18);
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px);
  box-shadow:0 12px 28px rgba(7,27,51,.06),inset 0 1px 0 rgba(255,255,255,.72);
}
.hero-visual{
  grid-column:2;
  grid-row:1;
  direction:rtl;
  position:relative;
  min-height:430px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.logo-orbit{
  position:absolute;
  inset:0;
  margin:auto;
  width:min(430px,85vw);
  height:min(430px,85vw);
  border-radius:50%;
  background:radial-gradient(circle,rgba(10,102,255,.06),transparent 58%);
  animation:slowRotate 22s linear infinite;
}
.logo-orbit::before,.logo-orbit::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px dashed rgba(10,102,255,.20);
  inset:34px;
}
.logo-orbit::after{inset:95px;border-style:solid;border-color:rgba(55,188,248,.18)}
.logo-orbit span{
  position:absolute;
  width:10px;height:10px;border-radius:999px;background:var(--primary);box-shadow:0 0 25px rgba(10,102,255,.45)
}
.logo-orbit span:nth-child(1){top:70px;right:54px}
.logo-orbit span:nth-child(2){left:68px;bottom:96px;background:var(--primary-2)}
.logo-orbit span:nth-child(3){right:45%;bottom:24px;background:#0a3566}
@keyframes slowRotate{to{transform:rotate(-360deg)}}
.brand-card{
  width:min(560px,100%);
  min-height:350px;
  padding:34px;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:0;
  direction:ltr;
  border-radius:46px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.78),rgba(232,248,255,.48) 55%,rgba(127,246,226,.15)),
    radial-gradient(circle at 12% 16%,rgba(255,255,255,.88),transparent 24%);
  box-shadow:0 36px 95px rgba(7,27,51,.15),0 26px 58px rgba(10,102,255,.08),inset 0 1px 0 rgba(255,255,255,.94),inset 0 -36px 80px rgba(55,188,248,.10);
}
.brand-logo-shell{
  position:relative;
  z-index:2;
  flex:0 1 440px;
  width:min(440px,100%);
  min-height:292px;
  display:grid;
  place-items:center;
  padding:22px;
  border-radius:38px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 18px 44px rgba(7,27,51,.10),inset 0 2px 18px rgba(255,255,255,.82);
  overflow:hidden;
}
.brand-logo-shell::before{
  content:"";
  position:absolute;
  inset:-35% -20%;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.62),transparent 65%);
  transform:rotate(18deg);
  animation:softShine 6.5s ease-in-out infinite;
}
.brand-card img{width:min(392px,100%);filter:drop-shadow(0 20px 30px rgba(10,102,255,.14));position:relative;z-index:2;margin:auto}
.brand-lines{display:none}
.brand-kicker{display:inline-flex;margin-bottom:10px;color:var(--primary);font-size:13px;font-weight:700;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.88)}
.brand-lines strong{display:block;font-size:clamp(24px,3vw,34px);font-weight:700;color:#08305d;line-height:1.35}
.brand-lines small{display:block;margin-top:4px;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.12em;color:#2f4057}
.brand-lines p{margin:12px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.8}
@keyframes softShine{0%,55%,100%{transform:translateX(-42%) rotate(18deg);opacity:0}70%{opacity:.95}86%{transform:translateX(42%) rotate(18deg);opacity:0}}
.stats-section{padding:12px 0 58px}
.stats-card{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding:30px 22px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,255,255,.76),rgba(232,248,255,.52));
  border:1px solid rgba(255,255,255,.96);
  box-shadow:0 30px 75px rgba(7,27,51,.08),inset 0 1px 0 rgba(255,255,255,.9);
}
.stat-item{text-align:center;padding:14px 20px;border-inline-start:1px solid rgba(10,102,255,.10);border-radius:26px;background:rgba(255,255,255,.34);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.stat-item:first-child{border-inline-start:0}
.stat-item strong{display:block;color:var(--primary);font-size:36px;line-height:1.1;font-family:"JetBrains Mono",monospace;font-weight:700;text-shadow:0 12px 28px rgba(10,102,255,.16)}
.stat-item span{display:block;margin-top:8px;color:var(--ink-soft);font-size:14px;font-weight:600}
.partners{padding:76px 0}
.partners-layout{
  position:relative;
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:36px;
  align-items:center;
  padding:34px;
  border-radius:56px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,255,255,.80) 58%,rgba(229,248,255,.66)),
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.98),transparent 28%),
    radial-gradient(circle at 95% 82%,rgba(127,246,226,.18),transparent 34%);
  border:1px solid rgba(255,255,255,.96);
  box-shadow:0 36px 95px rgba(7,27,51,.10),0 1px 0 rgba(255,255,255,.92) inset;
  overflow:hidden;
}
.partners-layout::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:44px;
  pointer-events:none;
  border:1px solid rgba(10,102,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
.partners-layout > *{position:relative;z-index:1}
.partner-intro{padding:34px;text-align:right;background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(236,249,255,.36));border:1px solid rgba(255,255,255,.86);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:0 24px 60px rgba(7,27,51,.08),inset 0 1px 0 rgba(255,255,255,.9)}
.partner-intro h2,.feature-text h3{margin:0 0 14px;font-size:clamp(27px,3.2vw,44px);line-height:1.32;letter-spacing:-.02em}
.partner-intro p,.feature-text p{margin:0;color:var(--ink-soft);font-size:16px;line-height:1.9}
.inline-action{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:22px;
  color:var(--primary);
  font-weight:700;
  padding:11px 17px;
  border-radius:999px;
  background:rgba(255,255,255,.48);
  border:1px solid rgba(255,255,255,.72);
  transition:.3s ease;
  z-index:2;
}
.inline-action:hover{transform:translateX(-4px);background:rgba(255,255,255,.72)}
.partner-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.partner-card{
  min-height:188px;
  padding:24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:15px;
  text-align:center;
  border-radius:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(238,250,255,.42));
}
.icon-wrap,.plus{
  position:relative;
  z-index:2;
  width:64px;height:64px;border-radius:50%;
  display:grid;place-items:center;
  background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.96),rgba(255,255,255,.62) 42%,rgba(208,244,255,.40));
  border:1px solid rgba(255,255,255,.92);
  box-shadow:inset 0 2px 16px rgba(255,255,255,.82),0 14px 30px rgba(10,102,255,.12),0 0 0 8px rgba(255,255,255,.22);
}
.icon-wrap svg{width:29px;height:29px;fill:none;stroke:var(--primary);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.partner-card strong{position:relative;z-index:2;font-weight:700;color:var(--ink)}
.more-card{border-style:dashed;border-color:rgba(10,102,255,.22);background:rgba(255,255,255,.32)}
.plus{color:var(--primary);font-size:30px;font-weight:400}
.features{padding:70px 0 100px;display:flex;flex-direction:column;gap:46px}
.feature-row{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1.08fr;
  align-items:center;
  gap:56px;
  padding:34px;
  border-radius:56px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.97),rgba(255,255,255,.84) 58%,rgba(232,248,255,.68)),
    radial-gradient(circle at 14% 18%,rgba(255,255,255,.96),transparent 34%);
  border:1px solid rgba(255,255,255,.96);
  box-shadow:0 34px 82px rgba(7,27,51,.09),inset 0 1px 0 rgba(255,255,255,.92);
  overflow:hidden;
}
.feature-row::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:42px;
  border:1px solid rgba(10,102,255,.07);
  pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84);
}
.feature-row > *{position:relative;z-index:1}
.feature-row.reverse{grid-template-columns:1.08fr 1fr}
.feature-row.reverse .feature-text{order:2}
.feature-row.reverse .feature-media{order:1}
.feature-text{padding:38px;text-align:right;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(235,248,255,.38));border:1px solid rgba(255,255,255,.84);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:0 24px 60px rgba(7,27,51,.08),inset 0 1px 0 rgba(255,255,255,.9)}
.feature-media{padding:12px;background:transparent;border:0;box-shadow:none;overflow:hidden;border-radius:34px}
.image-card img{
  width:100%;
  border-radius:26px;
  object-fit:cover;
  box-shadow:0 18px 42px rgba(7,27,51,.12);
}
.site-footer{
  position:relative;
  z-index:1;
  margin-top:70px;
  padding:58px 0 22px;
  background:
    radial-gradient(circle at 18% 20%,rgba(55,188,248,.14),transparent 34%),
    linear-gradient(180deg,#071b33,#041426);
  color:white;
}
.footer-inner{
  width:min(var(--container),calc(100% - 40px));
  margin-inline:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:start;
}
.footer-brand{display:flex;gap:22px;text-align:right;align-items:flex-start;direction:ltr}
.footer-brand > div{direction:rtl}
.footer-logo-bubble{display:grid;place-items:center;flex:0 0 154px;padding:10px;border-radius:26px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(55,188,248,.16),inset 0 1px 0 rgba(255,255,255,.8)}
.footer-logo-bubble img{width:100%;filter:drop-shadow(0 10px 22px rgba(10,102,255,.12))}
.footer-brand h2{margin:0 0 8px;font-size:28px}
.footer-brand p{margin:0 0 14px;color:rgba(232,243,255,.76);line-height:1.8;max-width:440px}
.footer-brand span{color:rgba(232,243,255,.86)}
.footer-links{display:flex;gap:78px;justify-content:flex-start;text-align:right}
.footer-links h3{font-size:17px;margin:0 0 14px;color:#fff}
.footer-links a{display:block;margin:10px 0;color:rgba(232,243,255,.74);transition:.25s ease}
.footer-links a:hover{color:white;transform:translateX(-3px)}
.copyright{
  width:min(var(--container),calc(100% - 40px));
  margin:44px auto 0;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.10);
  color:rgba(232,243,255,.70);
  font-size:14px;
}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.reveal.show{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
@media (max-width:960px){
  .hero{padding-top:122px}
  .hero-content,.partners-layout,.feature-row,.feature-row.reverse,.footer-inner{grid-template-columns:1fr}
  .hero-content{gap:30px;min-height:auto;direction:rtl}
  .hero-copy,.hero-visual{grid-column:auto;grid-row:auto}
  .hero-visual{min-height:360px;order:-1}
  .partner-grid{grid-template-columns:repeat(2,1fr)}
  .feature-row.reverse .feature-text,.feature-row.reverse .feature-media{order:initial}
  .footer-links{justify-content:flex-start;gap:50px;flex-wrap:wrap}
}
@media (max-width:680px){
  .section-shell{width:min(100% - 28px,var(--container))}
  .site-header{top:14px;width:calc(100% - 24px)}
  .glass-nav{justify-content:space-between;min-height:58px}
  .menu-toggle{display:block;position:relative;z-index:3}
  .nav-link{display:none;padding:10px 15px;font-size:14px}
  .glass-nav.menu-open{display:grid;grid-template-columns:1fr auto;align-items:center}
  .glass-nav.menu-open .nav-link{display:flex;justify-content:center;grid-column:1/-1}
  .glass-nav.menu-open .menu-toggle{grid-column:2;grid-row:1}
  .hero h1{font-size:38px}
  .hero p{font-size:16px}
  .hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}
  .brand-card{min-height:auto;padding:22px;flex-direction:column}.brand-logo-shell{flex:auto;width:min(320px,100%);min-height:220px}.brand-card img{width:min(290px,100%)}
  .stats-card{grid-template-columns:repeat(2,1fr);gap:12px;padding:22px}.stat-item{border:0;background:rgba(255,255,255,.26);border-radius:22px}.stat-item strong{font-size:28px}
  .partners,.features{padding-block:48px}.partner-grid{grid-template-columns:1fr}.partner-card{min-height:150px}
  .feature-row{padding:22px;border-radius:36px;gap:22px}.feature-row::before{inset:10px;border-radius:28px}.feature-text{padding:28px}.feature-text h3,.partner-intro h2{font-size:28px}
  .footer-brand{flex-direction:column}.copyright{text-align:center}.bubble{display:none}
}


/* تحديثات الإصدار الثالث: تثبيت قسم المنظمة وتوسيع التصميم على الشاشات الكبيرة */
:root{--container:1640px;}
.section-shell{width:min(var(--container),calc(100% - 56px));}
.hero{padding-top:138px;}
.hero-content{
  grid-template-columns:minmax(560px,1.04fr) minmax(620px,1fr);
  gap:clamp(44px,5vw,110px);
}
.hero h1{font-size:clamp(44px,5.4vw,88px);}
.hero p{width:min(700px,100%);}
.brand-card{width:min(700px,100%);min-height:395px;}
.brand-logo-shell{flex:0 1 560px;width:min(560px,100%);min-height:330px;padding:20px;}
.brand-card img{width:min(510px,100%);}
.stats-card{padding:32px 30px;}
.partners-layout{
  grid-template-columns:.72fr 1.28fr;
  gap:clamp(28px,4vw,64px);
  padding:clamp(28px,3vw,46px);
}
.feature-row{
  grid-template-columns:.96fr 1.18fr;
  gap:clamp(34px,4.6vw,82px);
  padding:clamp(28px,3vw,48px);
}
.footer-inner,.copyright{width:min(var(--container),calc(100% - 56px));}
@media (min-width:1400px){
  .hero-content{min-height:560px;}
  .partner-card{min-height:204px;}
  .feature-text{padding:48px;}
}
@media (max-width:960px){
  .hero{padding-top:122px;}
  .hero-content{grid-template-columns:1fr;gap:30px;}
  .brand-card{width:min(700px,100%);}
}
@media (max-width:680px){
  .section-shell,.footer-inner,.copyright{width:min(100% - 28px,var(--container));}
  .brand-card{min-height:auto;padding:22px;}
  .brand-logo-shell{flex:auto;width:min(320px,100%);min-height:220px;}
  .brand-card img{width:min(290px,100%);}
}

/* صفحة دوراتنا - إضافة مستقلة بدون تغيير بناء صفحة المنظمة */
.courses-page .site-header{width:min(620px,calc(100% - 28px));}
.courses-hero{padding-top:158px;padding-bottom:38px;}
.courses-hero-panel{
  position:relative;
  min-height:310px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:52px 32px 44px;
  border-radius:56px;
  overflow:hidden;
}
.courses-hero-panel::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at 52% 0%,rgba(10,102,255,.12),transparent 36%),
    radial-gradient(circle at 18% 90%,rgba(127,246,226,.16),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.38));
  border:1px solid rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(26px) saturate(170%);
  backdrop-filter:blur(26px) saturate(170%);
  box-shadow:0 28px 88px rgba(7,27,51,.08),inset 0 1px 0 rgba(255,255,255,.92);
}
.courses-hero-panel::after{
  content:"";
  position:absolute;
  width:78%;
  height:1px;
  bottom:24px;
  left:11%;
  background:linear-gradient(90deg,transparent,rgba(10,102,255,.24),transparent);
}
.courses-hero-panel > *{position:relative;z-index:1;}
.courses-hero h1{
  margin:0 0 16px;
  font-size:clamp(40px,4.9vw,76px);
  line-height:1.16;
  letter-spacing:-.045em;
  color:var(--ink);
}
.courses-hero h1 span{color:var(--primary);text-shadow:0 12px 32px rgba(10,102,255,.16);}
.courses-hero p{
  max-width:850px;
  margin:0 auto;
  color:var(--ink-soft);
  font-size:18px;
  line-height:1.9;
}
.course-hero-metrics{
  margin-top:30px;
  display:grid;
  grid-template-columns:repeat(3,minmax(150px,1fr));
  gap:14px;
  width:min(720px,100%);
}
.course-hero-metrics div{
  padding:16px 18px;
  border-radius:26px;
  background:rgba(255,255,255,.48);
  border:1px solid rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  box-shadow:0 16px 36px rgba(7,27,51,.06),inset 0 1px 0 rgba(255,255,255,.74);
}
.course-hero-metrics strong{display:block;color:var(--primary);font:700 27px/1 "JetBrains Mono",monospace;}
.course-hero-metrics span{display:block;margin-top:8px;color:var(--ink-soft);font-size:13px;font-weight:700;}
.course-filter-shell{position:sticky;top:104px;z-index:30;padding:12px 0 22px;}
.course-filter{
  width:min(900px,100%);
  margin-inline:auto;
  min-height:62px;
  overflow-x:auto;
  justify-content:center;
  scrollbar-width:none;
}
.course-filter::-webkit-scrollbar{display:none;}
.course-chip{
  border:0;
  cursor:pointer;
  padding:12px 21px;
  border-radius:999px;
  font-weight:700;
  white-space:nowrap;
  color:var(--ink-soft);
  background:transparent;
  transition:.32s cubic-bezier(.16,1,.3,1);
}
.course-chip:hover{color:var(--primary);background:rgba(255,255,255,.50);}
.course-chip.active{
  color:white;
  background:linear-gradient(135deg,rgba(10,102,255,.95),rgba(55,188,248,.86));
  box-shadow:0 12px 30px rgba(10,102,255,.28),inset 0 2px 8px rgba(255,255,255,.38);
}
.courses-grid-section{padding:24px 0 110px;}
.courses-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px;
}
.course-card{
  display:flex;
  min-height:405px;
  flex-direction:column;
  border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.55) 54%,rgba(226,247,255,.35));
  border:1px solid rgba(255,255,255,.88);
  transform-origin:center;
}
.course-card.filtered-out{display:none;}
.course-card:hover .course-visual::before{transform:translateX(-10%) rotate(8deg) scale(1.07);opacity:.95;}
.course-card:hover .tech-screen{transform:translateY(-5px) scale(1.02);}
.course-visual{
  position:relative;
  min-height:205px;
  margin:14px 14px 0;
  border-radius:23px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:
    linear-gradient(135deg,rgba(7,27,51,.92),rgba(10,42,75,.88)),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:auto,34px 34px,34px 34px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 18px 36px rgba(7,27,51,.12);
}
.course-visual::before{
  content:"";
  position:absolute;
  inset:-28% -18%;
  background:
    radial-gradient(circle at 34% 40%,rgba(121,219,255,.45),transparent 14%),
    conic-gradient(from 90deg,transparent,rgba(55,188,248,.34),transparent 38%,rgba(10,102,255,.35),transparent 74%);
  filter:blur(.4px);
  opacity:.76;
  transition:.55s cubic-bezier(.16,1,.3,1);
}
.course-visual::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:50%;
  border:1px dashed rgba(121,219,255,.34);
  mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);
}
.visual-office{background-color:#10263f;}
.visual-management{background-color:#132139;}
.visual-design{background:linear-gradient(135deg,#10223c,#172a5d 52%,#15264b);}
.visual-networks{background:linear-gradient(135deg,#071b33,#0e2d4f 68%,#071b33);}
.visual-office-dark{background:linear-gradient(135deg,#0d2035,#1c3249);}
.visual-cctv{background:linear-gradient(135deg,#071b33,#143b42);}
.visual-programming{background:linear-gradient(135deg,#081a31,#092c5c 58%,#12365e);}
.visual-data{background:linear-gradient(135deg,#071b33,#0d3d63 68%,#071b33);}
.visual-security{background:linear-gradient(135deg,#09182d,#162543 55%,#072c44);}
.course-badge{
  position:absolute;
  top:18px;
  right:18px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 13px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  color:var(--primary);
  background:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 10px 22px rgba(7,27,51,.14),inset 0 1px 0 rgba(255,255,255,.82);
}
.tech-screen{
  position:relative;
  z-index:2;
  width:170px;
  height:126px;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  box-shadow:0 20px 44px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.26);
  transition:.45s cubic-bezier(.16,1,.3,1);
}
.tech-screen::before{
  content:"PRACTICAL TRAINING";
  position:absolute;
  top:17px;
  left:0;
  right:0;
  text-align:center;
  color:rgba(255,255,255,.78);
  font:700 10px/1 "JetBrains Mono",monospace;
  letter-spacing:.12em;
}
.tech-screen::after{
  content:"";
  position:absolute;
  left:50%;
  top:58%;
  width:62px;
  height:62px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(127,246,226,.75),rgba(55,188,248,.26) 38%,transparent 64%);
  box-shadow:0 0 34px rgba(121,219,255,.34);
}
.tech-screen span{position:absolute;background:rgba(121,219,255,.68);border-radius:999px;box-shadow:0 0 15px rgba(121,219,255,.40);}
.tech-screen span:nth-child(1){width:82px;height:2px;left:44px;top:70px;}
.tech-screen span:nth-child(2){width:2px;height:82px;left:84px;top:30px;}
.tech-screen span:nth-child(3){width:124px;height:124px;border:1px solid rgba(121,219,255,.40);background:transparent;border-radius:50%;left:23px;top:8px;}
.course-body{
  position:relative;
  z-index:2;
  display:flex;
  flex:1;
  flex-direction:column;
  padding:28px 24px 22px;
  text-align:right;
}
.course-body h2{
  margin:0;
  min-height:72px;
  color:var(--ink);
  font-size:clamp(24px,2vw,32px);
  line-height:1.35;
  letter-spacing:-.02em;
}
.course-body p{
  margin:6px 0 22px;
  color:var(--ink-soft);
  font-size:15px;
  line-height:1.75;
}
.course-stats{
  margin-top:auto;
  padding-top:18px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(10,102,255,.08);
  gap:0;
}
.course-stats div{
  text-align:center;
  padding:0 8px;
  border-inline-start:1px solid rgba(10,102,255,.08);
}
.course-stats div:last-child{border-inline-start:0;}
.course-stats strong{display:block;color:var(--primary);font:700 18px/1 "JetBrains Mono",monospace;}
.course-stats span{display:block;margin-top:6px;color:var(--ink-soft);font-size:11px;font-weight:700;}
@media (max-width:1180px){
  .courses-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .course-filter{justify-content:flex-start;}
}
@media (max-width:680px){
  .courses-hero{padding-top:122px;}
  .courses-hero-panel{padding:36px 18px;border-radius:36px;}
  .courses-hero h1{font-size:37px;}
  .courses-hero p{font-size:15.5px;}
  .course-hero-metrics{grid-template-columns:1fr;}
  .course-filter-shell{top:82px;}
  .course-filter{min-height:58px;padding-inline:9px;}
  .course-chip{padding:10px 15px;font-size:13px;}
  .courses-grid{grid-template-columns:1fr;gap:24px;}
  .course-card{min-height:auto;border-radius:28px;}
  .course-visual{min-height:190px;}
  .course-body h2{min-height:auto;font-size:25px;}
}

/* ===== Report-based Courses Page v2 ===== */
.report-courses-page .site-header{z-index:90;}
.report-courses-page .courses-hero{padding-top:158px;padding-bottom:28px;}
.report-hero-panel{overflow:hidden;}
.report-hero-panel::after{
  opacity:.9;
  background:
    radial-gradient(circle at 15% 20%,rgba(255,255,255,.78),transparent 22%),
    radial-gradient(circle at 86% 74%,rgba(55,188,248,.18),transparent 32%),
    linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.08));
}
.sticky-course-filter{
  position:sticky;
  top:104px;
  z-index:70;
  padding:12px 0 18px;
  margin-bottom:6px;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.report-courses-page .course-filter{
  width:min(980px,100%);
  margin-inline:auto;
  justify-content:center;
  overflow-x:auto;
  scrollbar-width:none;
}
.report-courses-page .course-filter::-webkit-scrollbar{display:none;}
.report-courses-page .course-chip{flex:0 0 auto;}
.course-detail-section{padding:16px 0 22px;}
.selected-course-shell{
  padding:28px;
  border-radius:42px;
}
.selected-course-shell > *{position:relative;z-index:1;}
.selected-course-head{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:8px 18px;
  align-items:center;
  margin-bottom:22px;
}
.selected-course-head .mini-label{grid-row:1 / span 2;margin:0;align-self:start;}
.selected-course-head h2{
  margin:0;
  font-size:clamp(26px,3vw,42px);
  line-height:1.25;
  letter-spacing:-.03em;
}
.selected-course-head p{
  margin:0;
  color:var(--ink-soft);
  line-height:1.85;
  font-weight:600;
}
.selected-info-bar{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-bottom:24px;
}
.selected-info-bar div{
  min-height:92px;
  padding:18px;
  border-radius:28px;
  text-align:center;
  background:
    linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.46)),
    radial-gradient(circle at 22% 12%,rgba(255,255,255,.95),transparent 38%);
  border:1px solid rgba(255,255,255,.86);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 14px 35px rgba(7,27,51,.06);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  backdrop-filter:blur(18px) saturate(160%);
}
.selected-info-bar strong{
  display:block;
  color:var(--primary);
  font:700 24px/1.25 "JetBrains Mono","IBM Plex Sans Arabic",monospace;
  direction:ltr;
}
.selected-info-bar span{
  display:block;
  margin-top:9px;
  color:var(--ink-soft);
  font-size:13px;
  font-weight:800;
}
.batch-trainer-layout{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(300px,.78fr);
  gap:20px;
  align-items:start;
}
.batches-panel{
  padding:22px;
  border-radius:32px;
  background:rgba(255,255,255,.47);
  border:1px solid rgba(255,255,255,.84);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 15px 42px rgba(7,27,51,.06);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  backdrop-filter:blur(18px) saturate(150%);
}
.panel-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}
.panel-title-row h3{margin:0;font-size:22px;}
.panel-title-row span{
  padding:7px 12px;
  border-radius:999px;
  color:var(--primary);
  background:rgba(255,255,255,.66);
  border:1px solid rgba(255,255,255,.85);
  font-size:12px;
  font-weight:800;
}
.batch-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.batch-card{
  cursor:pointer;
  text-align:right;
  padding:18px;
  border:0;
  border-radius:24px;
  color:var(--ink);
  background:
    linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,255,255,.42)),
    radial-gradient(circle at 10% 10%,rgba(255,255,255,.9),transparent 35%);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 14px 35px rgba(7,27,51,.07),inset 0 1px 0 rgba(255,255,255,.86);
  transition:.32s cubic-bezier(.16,1,.3,1);
}
.batch-card:hover,.batch-card.active{
  transform:translateY(-4px);
  box-shadow:0 22px 50px rgba(10,102,255,.13),inset 0 1px 0 rgba(255,255,255,.96);
  border-color:rgba(10,102,255,.20);
}
.batch-card.active{background:linear-gradient(135deg,rgba(230,246,255,.92),rgba(255,255,255,.55));}
.batch-card b{display:block;font-size:16px;line-height:1.55;margin-bottom:10px;}
.batch-card small{display:block;color:var(--ink-soft);font-weight:700;line-height:1.8;}
.batch-mini-stats{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}
.batch-mini-stats span{
  padding:6px 10px;
  border-radius:999px;
  color:#0a3566;
  background:rgba(245,251,255,.86);
  border:1px solid rgba(10,102,255,.10);
  font-size:11px;
  font-weight:800;
}
.trainer-panel{
  position:sticky;
  top:188px;
  padding:22px;
  border-radius:34px;
  display:grid;
  gap:15px;
}
.trainer-photo{
  width:94px;
  height:94px;
  display:grid;
  place-items:center;
  border-radius:30px;
  color:#fff;
  font:800 27px/1 "JetBrains Mono","IBM Plex Sans Arabic",monospace;
  background:
    radial-gradient(circle at 30% 24%,rgba(255,255,255,.55),transparent 26%),
    linear-gradient(135deg,var(--primary),var(--primary-2));
  box-shadow:0 20px 46px rgba(10,102,255,.22),inset 0 2px 10px rgba(255,255,255,.35);
}
.trainer-copy .mini-label{margin-bottom:10px;}
.trainer-copy h3{margin:0 0 10px;font-size:25px;line-height:1.35;}
.trainer-copy p{margin:0;color:var(--ink-soft);line-height:1.9;font-weight:600;}
.trainer-video{
  position:relative;
  min-height:178px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:24px;
  overflow:hidden;
  border-radius:28px;
  background:
    linear-gradient(135deg,rgba(7,27,51,.92),rgba(7,48,90,.86)),
    radial-gradient(circle at 25% 20%,rgba(55,188,248,.35),transparent 36%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 45px rgba(7,27,51,.16);
  color:white;
}
.trainer-video::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.12);
  background-image:
    linear-gradient(to right,rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:34px 34px;
  opacity:.65;
}
.trainer-video span,.trainer-video small,.play-dot{position:relative;z-index:1;}
.trainer-video span{display:block;font-weight:800;margin-top:48px;}
.trainer-video small{display:block;color:rgba(255,255,255,.72);line-height:1.8;}
.play-dot{
  position:absolute;
  top:38px;
  width:56px;
  height:56px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 42px rgba(55,188,248,.26);
}
.play-dot::after{
  content:"";
  position:absolute;
  top:50%;right:50%;
  transform:translate(42%,-50%);
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-right:15px solid var(--primary);
}
.compact-heading{
  margin:22px 0 28px;
  text-align:center;
}
.compact-heading h2{
  margin:0 0 12px;
  font-size:clamp(28px,3.5vw,48px);
  line-height:1.25;
}
.compact-heading p{
  width:min(820px,100%);
  margin:0 auto;
  color:var(--ink-soft);
  font-weight:600;
  line-height:1.9;
}
.report-courses-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.report-courses-grid .course-card{
  cursor:pointer;
  display:flex;
  flex-direction:column;
  min-height:520px;
  outline:0;
}
.report-courses-grid .course-card.selected{
  border-color:rgba(10,102,255,.34);
  box-shadow:0 26px 72px rgba(10,102,255,.16),inset 0 1px 0 rgba(255,255,255,.9);
}
.report-courses-grid .course-card.selected::after{box-shadow:inset 0 0 0 2px rgba(10,102,255,.12);}
.report-courses-grid .course-visual{min-height:178px;}
.report-courses-grid .course-body{display:flex;flex-direction:column;flex:1;}
.report-courses-grid .course-body h2{font-size:24px;min-height:96px;}
.report-courses-grid .course-body p{min-height:100px;}
.report-courses-grid .course-stats{margin-top:auto;}
.course-date-pill{
  position:absolute;
  top:18px;
  left:18px;
  z-index:4;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:var(--primary);
  border:1px solid rgba(255,255,255,.92);
  font-family:"JetBrains Mono","IBM Plex Sans Arabic",monospace;
  font-size:11px;
  font-weight:800;
  box-shadow:0 10px 26px rgba(7,27,51,.10);
}
.course-family-tag{
  margin-bottom:12px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  width:max-content;
  max-width:100%;
  padding:7px 12px;
  border-radius:999px;
  color:#0a3566;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(10,102,255,.10);
  font-size:12px;
  font-weight:800;
}
.report-card-action{
  margin-top:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,rgba(10,102,255,.92),rgba(55,188,248,.84));
  font-weight:800;
  box-shadow:0 12px 28px rgba(10,102,255,.18),inset 0 1px 0 rgba(255,255,255,.45);
}
.report-courses-page .visual-office,.report-courses-page .visual-management,.report-courses-page .visual-design,.report-courses-page .visual-networks,.report-courses-page .visual-programming,.report-courses-page .visual-cctv,.report-courses-page .visual-data,.report-courses-page .visual-security,.report-courses-page .visual-office-dark{
  background:
    radial-gradient(circle at 26% 28%,rgba(121,219,255,.36),transparent 23%),
    radial-gradient(circle at 52% 52%,rgba(255,255,255,.16),transparent 18%),
    linear-gradient(135deg,#0b3273,#081f35 72%);
}
.report-courses-page .visual-management{background:radial-gradient(circle at 34% 24%,rgba(127,246,226,.33),transparent 28%),linear-gradient(135deg,#0c455e,#081f35 72%);}
.report-courses-page .visual-design,.report-courses-page .visual-data{background:radial-gradient(circle at 28% 20%,rgba(121,98,255,.34),transparent 28%),linear-gradient(135deg,#263a81,#081f35 76%);}
.report-courses-page .visual-networks,.report-courses-page .visual-cctv,.report-courses-page .visual-security{background:radial-gradient(circle at 34% 24%,rgba(55,188,248,.36),transparent 27%),linear-gradient(135deg,#08255a,#06192d 76%);}
.report-courses-page .visual-programming{background:radial-gradient(circle at 34% 28%,rgba(127,246,226,.32),transparent 27%),linear-gradient(135deg,#073b5d,#071b33 76%);}
@media (max-width:1180px){
  .report-courses-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .batch-trainer-layout{grid-template-columns:1fr;}
  .trainer-panel{position:relative;top:auto;}
}
@media (max-width:760px){
  .report-courses-page .courses-hero{padding-top:122px;}
  .sticky-course-filter{top:82px;padding-bottom:12px;}
  .selected-course-shell{padding:18px;border-radius:32px;}
  .selected-course-head{grid-template-columns:1fr;}
  .selected-info-bar{grid-template-columns:1fr;}
  .batch-grid{grid-template-columns:1fr;}
  .report-courses-grid{grid-template-columns:1fr;}
  .report-courses-grid .course-card{min-height:auto;}
  .report-courses-grid .course-body h2,.report-courses-grid .course-body p{min-height:auto;}
  .trainer-photo{width:78px;height:78px;border-radius:24px;font-size:22px;}
}
.report-courses-grid .course-stats{grid-template-columns:1fr;gap:8px;border-top:1px solid rgba(10,102,255,.08);padding-top:14px;}
.report-courses-grid .course-stats div{
  border-inline-start:0;
  padding:10px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.42);
  text-align:right;
}
.report-courses-grid .course-stats strong{
  font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;
  font-size:15px;
  line-height:1.45;
  direction:rtl;
}
.report-courses-grid .course-stats span{font-size:10px;}

/* ===== Courses Page v3: remove inline detail blocks + modal trainer flow ===== */
.report-courses-page.modal-open{overflow:hidden;}
.trainer-flow-note{
  width:min(980px,100%);
  margin:4px auto 18px;
  padding:24px 28px;
  border-radius:34px;
  text-align:center;
  background:
    linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.38)),
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.92),transparent 36%);
}
.trainer-flow-note h2{
  margin:7px 0 9px;
  font-size:clamp(22px,2.5vw,34px);
  line-height:1.35;
}
.trainer-flow-note h2 span{color:var(--primary);}
.trainer-flow-note p{
  width:min(780px,100%);
  margin:0 auto;
  color:var(--ink-soft);
  font-weight:650;
  line-height:1.9;
}
.report-courses-grid .course-card{
  min-height:430px;
  cursor:default;
}
.report-courses-grid .course-body h2{min-height:88px;}
.report-courses-grid .course-body p{min-height:92px;}
.report-courses-grid .course-body{gap:0;}
.report-card-action{
  border:0;
  cursor:pointer;
  width:100%;
  font-family:inherit;
  font-size:15px;
  transition:.3s cubic-bezier(.16,1,.3,1);
}
.report-card-action:hover{
  transform:translateY(-3px);
  filter:brightness(1.05);
  box-shadow:0 18px 40px rgba(10,102,255,.22),inset 0 1px 0 rgba(255,255,255,.55);
}
.glass-modal{
  position:fixed;
  inset:0;
  z-index:250;
  display:grid;
  place-items:center;
  padding:22px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.28s ease;
}
.glass-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.glass-modal-backdrop{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 18%,rgba(55,188,248,.18),transparent 34%),
    radial-gradient(circle at 84% 84%,rgba(10,102,255,.16),transparent 34%),
    rgba(231,244,252,.52);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  backdrop-filter:blur(18px) saturate(150%);
}
.glass-modal-panel{
  position:relative;
  z-index:1;
  width:min(1120px,100%);
  max-height:min(82vh,820px);
  overflow:auto;
  padding:30px;
  border-radius:38px;
  outline:0;
  transform:translateY(18px) scale(.98);
  transition:.34s cubic-bezier(.16,1,.3,1);
  box-shadow:0 34px 100px rgba(7,27,51,.19),inset 0 1px 0 rgba(255,255,255,.92);
}
.glass-modal.is-open .glass-modal-panel{transform:translateY(0) scale(1);}
.modal-close{
  position:absolute;
  top:18px;
  left:18px;
  width:46px;
  height:46px;
  border:0;
  border-radius:999px;
  cursor:pointer;
  color:var(--ink);
  font:700 28px/1 "IBM Plex Sans Arabic",system-ui,sans-serif;
  background:rgba(255,255,255,.76);
  box-shadow:0 12px 30px rgba(7,27,51,.09),inset 0 1px 0 rgba(255,255,255,.9);
  transition:.25s ease;
}
.modal-close:hover{transform:rotate(90deg) scale(1.04);color:var(--primary);}
.modal-head{
  padding-inline-start:58px;
  margin-bottom:22px;
}
.modal-head h2{
  margin:8px 0 10px;
  font-size:clamp(26px,3vw,44px);
  line-height:1.25;
  letter-spacing:-.03em;
}
.modal-head p{
  margin:0;
  color:var(--ink-soft);
  font-weight:650;
  line-height:1.85;
}
.modal-batch-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.modal-batch-card{
  min-height:230px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:right;
  gap:10px;
  border:1px solid rgba(255,255,255,.88);
  border-radius:28px;
  padding:20px;
  cursor:pointer;
  color:var(--ink);
  font-family:inherit;
  background:
    linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,255,255,.42)),
    radial-gradient(circle at 10% 8%,rgba(255,255,255,.96),transparent 34%),
    radial-gradient(circle at 88% 100%,rgba(55,188,248,.12),transparent 42%);
  box-shadow:0 18px 42px rgba(7,27,51,.08),inset 0 1px 0 rgba(255,255,255,.88);
  transition:.32s cubic-bezier(.16,1,.3,1);
}
.modal-batch-card:hover{
  transform:translateY(-6px);
  border-color:rgba(10,102,255,.26);
  box-shadow:0 26px 60px rgba(10,102,255,.15),inset 0 1px 0 rgba(255,255,255,.95);
}
.batch-trainer-chip{
  align-self:flex-start;
  padding:8px 13px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,rgba(10,102,255,.92),rgba(55,188,248,.85));
  box-shadow:0 12px 26px rgba(10,102,255,.18),inset 0 1px 0 rgba(255,255,255,.42);
  font-weight:850;
  font-size:12px;
}
.modal-batch-card b{
  font-size:20px;
  line-height:1.45;
  margin-top:4px;
}
.modal-batch-card small{
  color:var(--ink-soft);
  line-height:1.8;
  font-weight:700;
}
.modal-batch-meta{
  margin-top:auto;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.modal-batch-meta span{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(245,251,255,.86);
  border:1px solid rgba(10,102,255,.10);
  color:#0a3566;
  font-size:11px;
  font-weight:800;
}
.modal-batch-card em{
  font-style:normal;
  color:var(--primary);
  font-weight:850;
}
.trainer-modal-panel{width:min(860px,100%);}
.trainer-modal-hero{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:22px;
  align-items:center;
  margin-bottom:24px;
}
.trainer-modal-photo{
  width:130px;
  height:130px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:38px;
  color:#fff;
  font:850 34px/1 "JetBrains Mono","IBM Plex Sans Arabic",monospace;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.52),transparent 26%),
    linear-gradient(135deg,var(--primary),var(--primary-2));
  box-shadow:0 24px 56px rgba(10,102,255,.23),inset 0 2px 12px rgba(255,255,255,.36);
}
.trainer-modal-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.trainer-modal-hero h2{
  margin:8px 0 10px;
  font-size:clamp(28px,3vw,44px);
  line-height:1.25;
}
.trainer-modal-hero p{
  margin:0;
  color:var(--ink-soft);
  font-weight:650;
  line-height:1.9;
}
.trainer-courses-block{
  padding:22px;
  border-radius:28px;
  background:rgba(255,255,255,.48);
  border:1px solid rgba(255,255,255,.84);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 15px 42px rgba(7,27,51,.06);
}
.trainer-courses-block h3{
  margin:0 0 16px;
  font-size:22px;
}
.trainer-courses-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.trainer-course-pill{
  padding:16px;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.48));
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 12px 30px rgba(7,27,51,.06),inset 0 1px 0 rgba(255,255,255,.88);
}
.trainer-course-pill span{
  display:inline-flex;
  padding:6px 10px;
  margin-bottom:10px;
  border-radius:999px;
  color:var(--primary);
  background:rgba(230,246,255,.78);
  font-weight:850;
  font-size:11px;
}
.trainer-course-pill b{
  display:block;
  line-height:1.65;
  font-size:15px;
}
.trainer-course-pill small{
  display:block;
  margin-top:6px;
  color:var(--ink-soft);
  font-weight:700;
}
@media (max-width:1180px){
  .modal-batch-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:760px){
  .trainer-flow-note{padding:20px;border-radius:28px;}
  .glass-modal{padding:12px;align-items:end;}
  .glass-modal-panel{max-height:88vh;border-radius:30px;padding:22px;}
  .modal-head{padding-inline-start:50px;}
  .modal-batch-grid,.trainer-courses-list{grid-template-columns:1fr;}
  .trainer-modal-hero{grid-template-columns:1fr;text-align:center;justify-items:center;}
  .trainer-modal-photo{width:108px;height:108px;border-radius:30px;font-size:28px;}
  .modal-batch-card{min-height:auto;}
}

/* ===== Courses Page v4: true full-page navigation for batches and trainer profile ===== */
.batches-page .site-header,
.trainer-page .site-header{z-index:90;}
.sub-page-hero,
.trainer-full-hero{padding-top:158px;padding-bottom:24px;}
.sub-page-hero-card,
.trainer-profile-shell{padding:34px;border-radius:44px;overflow:hidden;}
.sub-page-hero-card::after,
.trainer-profile-shell::after,
.trainer-video-card::after,
.full-batch-card::after,
.trainer-full-course-card::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(255,255,255,.62),transparent 32%,rgba(55,188,248,.12) 78%,rgba(255,255,255,.34)),
    radial-gradient(circle at 14% 18%,rgba(255,255,255,.72),transparent 28%);
  opacity:.72;
}
.sub-page-hero-card > *,
.trainer-profile-shell > *,
.trainer-video-card > *,
.full-batch-card > *,
.trainer-full-course-card > *{position:relative;z-index:1;}
.page-crumbs{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
  color:var(--ink-soft);
  font-size:13px;
  font-weight:800;
}
.page-crumbs a,
.page-crumbs span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.86);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.page-crumbs a{color:var(--primary);}
.sub-page-hero-card h1,
.trainer-profile-content h1{
  margin:8px 0 14px;
  font-size:clamp(36px,5vw,68px);
  line-height:1.12;
  letter-spacing:-.04em;
}
.sub-page-hero-card p,
.trainer-profile-content p{
  width:min(820px,100%);
  margin:0;
  color:var(--ink-soft);
  line-height:1.9;
  font-size:17px;
  font-weight:650;
}
.selected-course-strip,
.trainer-selected-batch{
  margin:22px 0;
  padding:18px 22px;
  border-radius:28px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.82),rgba(255,255,255,.44)),
    radial-gradient(circle at 16% 16%,rgba(255,255,255,.9),transparent 38%);
  border:1px solid rgba(255,255,255,.86);
  box-shadow:0 16px 42px rgba(7,27,51,.06),inset 0 1px 0 rgba(255,255,255,.84);
}
.selected-course-strip span,
.trainer-selected-batch span{
  display:block;
  margin-bottom:8px;
  color:var(--ink-soft);
  font-size:12px;
  font-weight:850;
}
.selected-course-strip b,
.trainer-selected-batch b{
  display:block;
  color:var(--ink);
  font-size:clamp(18px,2.4vw,28px);
  line-height:1.45;
}
.full-page-metrics,
.trainer-full-stats{margin-top:18px;}
.full-batches-section,
.trainer-media-section,
.trainer-courses-full-section{padding:16px 0 46px;}
.batches-full-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.full-batch-card{
  min-height:315px;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:24px;
  border-radius:36px;
  overflow:hidden;
  transition:.34s cubic-bezier(.16,1,.3,1);
}
.full-batch-card:hover{
  transform:translateY(-8px) scale(1.01);
  border-color:rgba(10,102,255,.24);
  box-shadow:0 32px 80px rgba(10,102,255,.15),inset 0 1px 0 rgba(255,255,255,.92);
}
.batch-number{
  position:absolute;
  top:20px;
  left:22px;
  z-index:2;
  color:rgba(10,102,255,.18);
  font:900 54px/1 "JetBrains Mono",monospace;
  letter-spacing:-.08em;
}
.batch-card-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  padding-inline-end:0;
}
.batch-card-topline > span:not(.batch-trainer-chip){
  padding:8px 12px;
  border-radius:999px;
  color:var(--primary);
  background:rgba(230,246,255,.78);
  border:1px solid rgba(10,102,255,.10);
  font-size:12px;
  font-weight:850;
}
.full-batch-card h2{
  margin:8px 0 0;
  font-size:clamp(23px,2.2vw,31px);
  line-height:1.35;
  letter-spacing:-.02em;
}
.full-batch-card p{
  margin:0;
  color:var(--ink-soft);
  line-height:1.75;
  font-weight:650;
}
.full-batch-meta{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-top:auto;
}
.full-batch-meta span{
  min-height:70px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
  padding:10px;
  border-radius:20px;
  background:rgba(255,255,255,.52);
  border:1px solid rgba(255,255,255,.84);
  color:var(--ink);
  font-size:12px;
  font-weight:800;
}
.full-batch-meta b{
  color:var(--primary);
  font-size:11px;
}
.full-batch-card em{
  display:inline-flex;
  align-self:flex-start;
  font-style:normal;
  color:#fff;
  background:linear-gradient(135deg,rgba(10,102,255,.92),rgba(55,188,248,.84));
  border-radius:999px;
  padding:10px 16px;
  font-weight:850;
  box-shadow:0 12px 28px rgba(10,102,255,.18),inset 0 1px 0 rgba(255,255,255,.45);
}
.trainer-profile-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:28px;
  align-items:center;
}
.trainer-full-photo{
  width:220px;
  height:220px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:52px;
  color:#fff;
  font:900 58px/1 "JetBrains Mono","IBM Plex Sans Arabic",monospace;
  background:
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.55),transparent 23%),
    radial-gradient(circle at 76% 86%,rgba(127,246,226,.38),transparent 31%),
    linear-gradient(135deg,var(--primary),var(--primary-2));
  box-shadow:0 30px 74px rgba(10,102,255,.24),inset 0 2px 14px rgba(255,255,255,.42);
}
.trainer-full-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.trainer-video-card{
  display:grid;
  grid-template-columns:minmax(320px,.86fr) 1fr;
  gap:24px;
  align-items:center;
  padding:26px;
  border-radius:40px;
  overflow:hidden;
}
.trainer-video-large{
  min-height:280px;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  text-align:center;
  padding:24px;
  color:white;
  border-radius:32px;
  background:
    linear-gradient(rgba(14,39,66,.35),rgba(14,39,66,.48)),
    radial-gradient(circle at 36% 30%,rgba(121,219,255,.38),transparent 24%),
    linear-gradient(135deg,#102c4a,#06192d);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 20px 54px rgba(7,27,51,.18);
}
.trainer-video-large::before{
  content:"";
  position:absolute;
  inset:22px;
  border-radius:24px;
  border:1px solid rgba(121,219,255,.18);
  background-image:
    linear-gradient(to right,rgba(121,219,255,.12) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(121,219,255,.12) 1px,transparent 1px);
  background-size:44px 44px;
}
.trainer-video-large span,
.trainer-video-large small,
.trainer-video-large .play-dot{position:relative;z-index:1;}
.trainer-video-large span{display:block;margin-top:70px;font-size:20px;font-weight:850;}
.trainer-video-large small{display:block;color:rgba(255,255,255,.72);font-weight:650;line-height:1.8;}
.trainer-video-copy h2{
  margin:8px 0 12px;
  font-size:clamp(28px,3vw,44px);
  line-height:1.25;
}
.trainer-video-copy p{
  margin:0;
  color:var(--ink-soft);
  line-height:1.9;
  font-weight:650;
}
.trainer-courses-full-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.trainer-full-course-card{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:18px;
  align-items:start;
  padding:22px;
  border-radius:32px;
  overflow:hidden;
}
.trainer-full-course-card.highlighted-course{
  border-color:rgba(10,102,255,.24);
  box-shadow:0 26px 70px rgba(10,102,255,.13),inset 0 1px 0 rgba(255,255,255,.9);
}
.course-index{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(135deg,rgba(10,102,255,.94),rgba(55,188,248,.84));
  font:900 18px/1 "JetBrains Mono",monospace;
  box-shadow:0 16px 34px rgba(10,102,255,.19),inset 0 1px 0 rgba(255,255,255,.42);
}
.trainer-full-course-card h3{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.45;
}
.trainer-full-course-card p{
  margin:0;
  color:var(--ink-soft);
  line-height:1.8;
  font-weight:650;
}
.trainer-full-course-meta{
  margin-top:14px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.trainer-full-course-meta span{
  padding:7px 11px;
  border-radius:999px;
  color:#0a3566;
  background:rgba(245,251,255,.82);
  border:1px solid rgba(10,102,255,.10);
  font-size:12px;
  font-weight:850;
}
@media (max-width:1180px){
  .batches-full-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .trainer-video-card{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .sub-page-hero,.trainer-full-hero{padding-top:122px;}
  .sub-page-hero-card,.trainer-profile-shell{padding:22px;border-radius:34px;}
  .batches-full-grid,.trainer-courses-full-list{grid-template-columns:1fr;}
  .full-batch-meta{grid-template-columns:1fr;}
  .trainer-profile-grid{grid-template-columns:1fr;text-align:center;justify-items:center;}
  .trainer-profile-content p{margin-inline:auto;}
  .trainer-full-photo{width:150px;height:150px;border-radius:40px;font-size:42px;order:-1;}
  .trainer-video-card{padding:18px;border-radius:32px;}
  .trainer-video-large{min-height:230px;border-radius:26px;}
  .trainer-full-course-card{grid-template-columns:1fr;}
  .course-index{width:52px;height:52px;border-radius:18px;}
}

/* ===== Update v5: remove the large batches summary card and use wider clean pages ===== */
.batches-clean-header{
  padding-top:154px;
  padding-bottom:18px;
}
.batches-clean-header .eyebrow{margin-top:12px;}
.batches-clean-header h1{
  margin:10px 0 12px;
  font-size:clamp(34px,4.8vw,64px);
  line-height:1.14;
  letter-spacing:-.035em;
}
.batches-clean-header p{
  width:min(860px,100%);
  margin:0;
  color:var(--ink-soft);
  font-size:17px;
  line-height:1.9;
  font-weight:650;
}
.clean-crumbs{margin-bottom:12px;}
.batches-page .full-batches-section{padding-top:18px;}
.batches-page .compact-heading{margin-bottom:22px;}
.course-detail-section{display:none !important;}
@media (max-width:760px){
  .batches-clean-header{padding-top:120px;}
}

/* PartnersAnimatedSection — logo partners wall inspired by the reference video */
.partners-animated-section{padding:74px 0;}
.partners-animated-layout{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,62%) minmax(310px,38%);
  align-items:center;
  gap:clamp(28px,4vw,62px);
  direction:ltr;
  min-height:420px;
  padding:clamp(30px,3.8vw,58px);
  border-radius:58px;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(255,255,255,.82),rgba(245,252,255,.50) 48%,rgba(218,245,255,.38)),
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.98),transparent 26%),
    radial-gradient(circle at 82% 82%,rgba(45,168,255,.16),transparent 35%);
  border:1px solid rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(30px) saturate(170%);
  backdrop-filter:blur(30px) saturate(170%);
  box-shadow:0 38px 100px rgba(7,27,51,.10),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -42px 90px rgba(47,177,255,.08);
}
.partners-animated-layout::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:46px;
  pointer-events:none;
  border:1px solid rgba(10,102,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84);
}
.partners-animated-layout::after{
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  right:5%;
  top:-150px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(55,188,248,.18),transparent 68%);
  filter:blur(2px);
}
.partners-animated-copy,
.partners-marquee-area{position:relative;z-index:1;}
.partners-animated-copy{
  grid-column:2;
  direction:rtl;
  text-align:right;
  padding:clamp(28px,3vw,44px);
  border-radius:40px;
  background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(236,249,255,.34));
  border:1px solid rgba(255,255,255,.88);
  -webkit-backdrop-filter:blur(24px) saturate(165%);
  backdrop-filter:blur(24px) saturate(165%);
  box-shadow:0 24px 60px rgba(7,27,51,.08),inset 0 1px 0 rgba(255,255,255,.92);
}
.partners-animated-copy .mini-label{
  display:inline-flex;
  margin-bottom:14px;
}
.partners-animated-copy h2{
  margin:0 0 16px;
  color:#1E293B;
  font-size:clamp(36px,3vw,42px);
  line-height:1.22;
  letter-spacing:-.03em;
}
.partners-animated-copy p{
  margin:0;
  max-width:560px;
  color:#64748B;
  font-size:16px;
  line-height:1.95;
}
.partners-animated-action{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:24px;
  min-height:46px;
  padding:12px 20px;
  border-radius:999px;
  color:var(--primary);
  font-weight:800;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.84);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  box-shadow:0 14px 34px rgba(10,102,255,.10),inset 0 1px 0 rgba(255,255,255,.88);
  overflow:hidden;
  transition:transform .32s cubic-bezier(.16,1,.3,1),background .32s ease,box-shadow .32s ease;
}
.partners-animated-action::before{
  content:"";
  position:absolute;
  inset:-50% auto -50% -70px;
  width:56px;
  transform:rotate(24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  transition:.45s ease;
}
.partners-animated-action:hover{transform:translateY(-3px);background:rgba(255,255,255,.78);box-shadow:0 18px 42px rgba(10,102,255,.14),inset 0 1px 0 rgba(255,255,255,.92)}
.partners-animated-action:hover::before{left:120%;}
.partners-marquee-area{
  grid-column:1;
  direction:ltr;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:18px;
  min-width:0;
  min-height:300px;
  padding:22px 0;
  overflow:hidden;
  border-radius:42px;
  background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(235,249,255,.20));
  border:1px solid rgba(255,255,255,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.70),0 24px 60px rgba(10,102,255,.055);
  -webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);
  mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);
}
.partners-marquee-row{overflow:hidden;min-height:106px;display:flex;align-items:center;}
.partners-marquee-track{
  display:flex;
  align-items:center;
  gap:18px;
  width:max-content;
  flex:0 0 auto;
  animation:partnersLogoMarquee 32s linear infinite;
  will-change:transform;
}
.partners-marquee-row.reverse .partners-marquee-track{animation-name:partnersLogoMarqueeReverse;animation-duration:36s;}
.partner-marquee-card{
  flex:0 0 226px;
  width:226px;
  height:96px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:16px 18px;
  border-radius:24px;
  text-align:center;
  direction:rtl;
  color:#1E293B;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(245,251,255,.76));
  border:1px solid rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
  backdrop-filter:blur(22px) saturate(160%);
  box-shadow:0 18px 42px rgba(7,27,51,.08),inset 0 1px 0 rgba(255,255,255,.94),inset 0 -18px 38px rgba(121,219,255,.06);
  transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease,border-color .32s ease;
}
.partner-marquee-card:hover{
  transform:translateY(-5px) scale(1.015);
  border-color:rgba(10,102,255,.20);
  box-shadow:0 24px 58px rgba(10,102,255,.14),inset 0 1px 0 rgba(255,255,255,.98);
}
.partner-logo-media{
  flex:0 0 62px;
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:20px;
  overflow:hidden;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(226,241,252,.9);
  box-shadow:inset 0 1px 10px rgba(255,255,255,.88),0 10px 24px rgba(10,102,255,.10);
}
.partner-logo-media img{
  width:86%;
  height:86%;
  object-fit:contain;
  display:block;
}
.partner-marquee-card strong{font-size:16px;font-weight:800;line-height:1.35;white-space:nowrap;}
@keyframes partnersLogoMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes partnersLogoMarqueeReverse{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (max-width:960px){
  .partners-animated-layout{grid-template-columns:1fr;gap:24px;direction:rtl;min-height:auto;}
  .partners-animated-copy,.partners-marquee-area{grid-column:auto;}
  .partners-animated-copy{order:1;}
  .partners-marquee-area{order:2;}
  .partners-animated-copy h2{font-size:clamp(26px,7vw,30px);}
}
@media (max-width:680px){
  .partners-animated-section{padding-block:48px;}
  .partners-animated-layout{border-radius:38px;padding:22px;}
  .partners-animated-layout::before{inset:10px;border-radius:30px;}
  .partners-animated-copy{padding:26px;border-radius:28px;}
  .partners-marquee-area{gap:12px;min-height:230px;padding:14px 0;border-radius:30px;}
  .partners-marquee-row{min-height:92px;}
  .partner-marquee-card{flex-basis:206px;width:206px;height:84px;border-radius:20px;padding:12px 14px;gap:10px;}
  .partner-logo-media{width:52px;height:52px;flex-basis:52px;border-radius:16px;}
}
@media (prefers-reduced-motion:reduce){
  .partners-marquee-area{overflow:visible;-webkit-mask-image:none;mask-image:none;}
  .partners-marquee-row{overflow:visible;min-height:auto;}
  .partners-marquee-track{animation:none!important;transform:none!important;flex-wrap:wrap;width:100%;justify-content:center;}
}


/* ===== Update v7: professional naming, cleaner batch cards, trainer photo placeholders ===== */
.batches-clean-header{text-align:center;}
.batches-clean-header p{margin-inline:auto;max-width:620px;}
.batches-page .compact-heading p{max-width:640px;margin-inline:auto;}
.full-batch-card{min-height:300px;padding:26px;gap:16px;}
.full-batch-card h2{font-size:clamp(26px,2.4vw,34px);margin-top:2px;}
.full-batch-card p{font-size:14px;line-height:1.7;color:#64748B;}
.batch-card-topline{justify-content:flex-start;}
.batch-trainer-row{
  display:flex;
  align-items:center;
  gap:13px;
  padding:12px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(236,249,255,.42));
  border:1px solid rgba(255,255,255,.86);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 12px 30px rgba(7,27,51,.05);
}
.batch-trainer-avatar{
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:20px;
  color:#fff;
  background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.55),transparent 24%),linear-gradient(135deg,var(--primary),var(--primary-2));
  box-shadow:0 16px 34px rgba(10,102,255,.18),inset 0 1px 0 rgba(255,255,255,.42);
  font:900 17px/1 "JetBrains Mono","IBM Plex Sans Arabic",sans-serif;
}
.batch-trainer-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.batch-trainer-row small{display:block;color:var(--primary);font-size:11px;font-weight:900;margin-bottom:5px;}
.batch-trainer-row strong{display:block;color:var(--ink);font-size:15px;line-height:1.45;}
.trainer-photo-placeholder{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  text-align:center;
}
.trainer-photo-placeholder b{font:900 58px/1 "JetBrains Mono","IBM Plex Sans Arabic",sans-serif;letter-spacing:-.05em;}
.trainer-photo-placeholder small{
  color:rgba(255,255,255,.86);
  font:800 14px/1.2 "IBM Plex Sans Arabic",sans-serif;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.24);
}
.trainer-selected-batch b{font-size:clamp(20px,2.2vw,30px);}
.report-card-action{min-width:138px;justify-content:center;}
@media (max-width:760px){
  .full-batch-card{min-height:auto;padding:22px;border-radius:30px;}
  .batch-trainer-avatar{width:52px;height:52px;flex-basis:52px;border-radius:18px;}
  .trainer-photo-placeholder b{font-size:42px;}
}

/* ===== Update v10: responsive partner section alignment fix ===== */
.partners-animated-section{
  width:min(1500px,calc(100% - 44px));
  padding-block:clamp(46px,5vw,72px);
}
.partners-animated-layout{
  grid-template-columns:minmax(0,60%) minmax(330px,40%);
  align-items:center;
  gap:clamp(28px,4vw,68px);
  min-height:auto;
  padding:clamp(30px,4vw,58px);
  border-radius:clamp(34px,4vw,54px);
}
.partners-animated-copy{
  grid-column:2;
  grid-row:1;
  align-self:center;
  justify-self:stretch;
  max-width:540px;
  margin-inline-start:auto;
}
.partners-marquee-area{
  grid-column:1;
  grid-row:1;
  align-self:center;
  min-height:242px;
  height:auto;
  justify-content:center;
  margin:0;
  padding:4px 0;
  gap:18px;
}
.partners-marquee-row{
  min-height:92px;
}
.partner-marquee-card{
  flex-basis:248px;
  width:248px;
  height:88px;
  border-radius:22px;
}
.partner-logo-media{
  flex:0 0 58px;
  width:58px;
  height:58px;
}
.partner-logo-media img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
@media (min-width:1360px){
  .partners-animated-layout{
    grid-template-columns:minmax(0,62%) minmax(360px,38%);
  }
  .partners-marquee-area{min-height:252px;}
}
@media (max-width:1100px){
  .partners-animated-section{width:min(100% - 32px,var(--container));}
  .partners-animated-layout{
    grid-template-columns:minmax(0,56%) minmax(300px,44%);
    gap:24px;
    padding:30px;
  }
  .partners-animated-copy{padding:26px;border-radius:30px;}
  .partners-animated-copy h2{font-size:clamp(28px,4vw,36px);}
  .partners-animated-copy p{font-size:15px;line-height:1.85;}
  .partner-marquee-card{flex-basis:218px;width:218px;height:82px;}
  .partner-logo-media{width:50px;height:50px;flex-basis:50px;border-radius:16px;}
}
@media (max-width:860px){
  .partners-animated-layout{
    grid-template-columns:1fr;
    gap:22px;
    direction:rtl;
    padding:26px 18px;
  }
  .partners-animated-copy,
  .partners-marquee-area{
    grid-column:auto;
    grid-row:auto;
  }
  .partners-animated-copy{
    order:1;
    justify-self:stretch;
    max-width:none;
    text-align:center;
    margin:0;
  }
  .partners-animated-copy p{margin-inline:auto;}
  .partners-marquee-area{
    order:2;
    min-height:210px;
    width:100%;
  }
  .partners-marquee-row{min-height:80px;}
  .partner-marquee-card{flex-basis:206px;width:206px;height:76px;padding:12px 14px;}
}
@media (max-width:560px){
  .partners-animated-section{width:min(100% - 20px,var(--container));padding-block:38px;}
  .partners-animated-layout{border-radius:30px;padding:22px 12px;}
  .partners-animated-copy{padding:22px 16px;border-radius:24px;}
  .partners-animated-copy h2{font-size:28px;}
  .partners-marquee-area{
    min-height:190px;
    -webkit-mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent);
    mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent);
  }
  .partner-marquee-card{flex-basis:190px;width:190px;height:72px;gap:10px;}
  .partner-logo-media{width:46px;height:46px;flex-basis:46px;}
  .partner-marquee-card strong{font-size:14px;}
}

/* ===== Update v11: softer, eye-comfort partner card colors ===== */
.partners-animated-layout{
  background:
    linear-gradient(135deg,rgba(248,252,255,.86),rgba(239,248,252,.58) 52%,rgba(229,246,255,.42)),
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.88),transparent 30%),
    radial-gradient(circle at 84% 78%,rgba(125,211,252,.12),transparent 38%);
  box-shadow:0 30px 78px rgba(15,40,72,.075),inset 0 1px 0 rgba(255,255,255,.86),inset 0 -34px 70px rgba(14,165,233,.055);
}
.partners-animated-copy{
  background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(243,249,252,.50));
  border-color:rgba(226,238,247,.78);
  box-shadow:0 18px 46px rgba(15,40,72,.065),inset 0 1px 0 rgba(255,255,255,.86);
}
.partners-marquee-area{
  background:linear-gradient(135deg,rgba(248,252,255,.48),rgba(236,247,252,.24));
  border-color:rgba(226,238,247,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 18px 44px rgba(15,40,72,.045);
}
.partner-marquee-card{
  color:#233044;
  background:
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(248,251,253,.82) 52%,rgba(239,247,252,.74)),
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.72),transparent 34%);
  border:1px solid rgba(218,232,242,.86);
  box-shadow:0 12px 30px rgba(15,40,72,.065),inset 0 1px 0 rgba(255,255,255,.90),inset 0 -14px 28px rgba(14,165,233,.035);
}
.partner-marquee-card:hover{
  transform:translateY(-4px) scale(1.012);
  border-color:rgba(96,165,250,.22);
  background:
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(249,252,255,.88) 55%,rgba(235,247,253,.80));
  box-shadow:0 18px 42px rgba(30,64,110,.09),inset 0 1px 0 rgba(255,255,255,.96);
}
.partner-logo-media{
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(247,250,252,.76));
  border-color:rgba(219,234,244,.88);
  box-shadow:inset 0 1px 8px rgba(255,255,255,.82),0 8px 18px rgba(30,64,110,.065);
}
.partner-logo-media img{
  filter:saturate(.96) contrast(.98);
}
.partner-marquee-card strong{
  color:#243247;
}
.partners-animated-action{
  background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(246,250,252,.54));
  border-color:rgba(221,235,244,.86);
  box-shadow:0 10px 26px rgba(30,64,110,.07),inset 0 1px 0 rgba(255,255,255,.88);
}

/* ===== Final Polish v12: calmer full-project color system ===== */
:root{
  --bg:#e7f1f8;
  --bg-2:#dbeaf4;
  --ink:#102033;
  --ink-soft:#43556b;
  --primary:#0b6fd3;
  --primary-2:#25a7e6;
  --cyan:#8ed8f4;
  --aqua:#a8e7dc;
  --violet:#6577d6;
  --glass:rgba(245,250,253,.62);
  --glass-strong:rgba(245,250,253,.78);
  --stroke:rgba(220,235,245,.86);
  --stroke-blue:rgba(11,111,211,.16);
  --shadow:0 24px 68px rgba(12,32,52,.12);
  --shadow-blue:0 24px 70px rgba(11,111,211,.14);
}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 14% 8%,rgba(126,204,226,.20),transparent 30%),
    radial-gradient(circle at 86% 18%,rgba(11,111,211,.12),transparent 31%),
    radial-gradient(circle at 62% 78%,rgba(101,119,214,.09),transparent 32%),
    linear-gradient(180deg,#edf6fb 0%,#e6f0f7 44%,#dbeaf4 100%);
}
body::before{
  background-image:
    linear-gradient(to right,rgba(11,111,211,.035) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(11,111,211,.035) 1px,transparent 1px);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),rgba(0,0,0,.16),rgba(0,0,0,.06));
}
.page-glow{
  background:radial-gradient(circle at center,transparent 18%,rgba(231,241,248,.64) 70%,#dbeaf4 100%);
}
.bubble{
  opacity:.38;
  background:linear-gradient(135deg,rgba(250,253,255,.62),rgba(142,216,244,.20));
  border-color:rgba(226,238,247,.78);
  box-shadow:inset 0 0 28px rgba(255,255,255,.66),0 24px 70px rgba(12,32,52,.08);
}
.glass-nav{
  background:rgba(245,250,253,.76);
  border-color:rgba(221,235,245,.92);
  box-shadow:0 16px 40px rgba(12,32,52,.11),inset 0 1px 0 rgba(255,255,255,.82),inset 0 -18px 36px rgba(210,230,242,.18);
}
.nav-link{color:#4a5b70;}
.nav-link:hover{background:rgba(235,246,252,.76);}
.nav-link.active,
.btn.primary,
.course-chip.active,
.report-card-action,
.full-batch-card em,
.course-index,
.batch-trainer-chip{
  background:linear-gradient(135deg,#0b6fd3,#25a7e6);
  box-shadow:0 12px 30px rgba(11,111,211,.23),inset 0 2px 8px rgba(255,255,255,.32);
}
.eyebrow,.mini-label,
.btn.ghost,
.inline-action,
.partners-animated-action,
.page-crumbs a,
.page-crumbs span{
  background:rgba(244,250,253,.70);
  border-color:rgba(216,232,243,.88);
  box-shadow:0 8px 22px rgba(12,32,52,.055),inset 0 1px 0 rgba(255,255,255,.76);
}
.liquid-card{
  background:
    linear-gradient(145deg,rgba(247,251,254,.74),rgba(228,240,248,.50) 52%,rgba(207,232,244,.36)),
    radial-gradient(circle at 16% 12%,rgba(255,255,255,.62),transparent 30%);
  border-color:var(--stroke);
  box-shadow:0 24px 66px rgba(12,32,52,.115),0 1px 8px rgba(255,255,255,.38) inset,0 -30px 64px rgba(37,167,230,.055) inset;
}
.liquid-card::before{
  opacity:.50;
  background:
    linear-gradient(145deg,rgba(255,255,255,.52),rgba(255,255,255,.08) 36%,rgba(11,111,211,.07) 72%,rgba(142,216,244,.13)),
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.54),transparent 26%);
}
.liquid-card:hover{
  background:
    linear-gradient(145deg,rgba(248,252,255,.82),rgba(231,242,249,.58) 52%,rgba(212,236,247,.42));
  border-color:rgba(205,226,239,.95);
  box-shadow:0 28px 72px rgba(11,111,211,.12),inset 0 1px 0 rgba(255,255,255,.78),inset 0 -22px 44px rgba(37,167,230,.07);
}
.brand-card,
.stats-card,
.partners-layout,
.feature-row,
.courses-hero-panel::before,
.report-hero-panel::before,
.trainer-flow-note,
.sub-page-hero-card,
.trainer-profile-shell{
  background:
    linear-gradient(135deg,rgba(246,251,254,.82),rgba(230,241,248,.64) 55%,rgba(212,235,246,.46)),
    radial-gradient(circle at 18% 14%,rgba(255,255,255,.62),transparent 30%);
  border-color:rgba(216,232,243,.90);
  box-shadow:0 28px 78px rgba(12,32,52,.10),inset 0 1px 0 rgba(255,255,255,.78),inset 0 -30px 66px rgba(37,167,230,.05);
}
.brand-logo-shell,
.stat-item,
.partner-intro,
.feature-text,
.course-hero-metrics div,
.selected-info-bar div,
.batches-panel,
.batch-card,
.trainer-panel,
.trainer-courses-block,
.selected-course-strip,
.trainer-selected-batch,
.full-batch-meta span,
.trainer-video-copy,
.trainer-full-course-card,
.trainer-course-pill,
.trainer-courses-block,
.modal-batch-card,
.trainer-courses-block,
.trainer-courses-list .trainer-course-pill,
.trainer-courses-full-list .trainer-full-course-card,
.batch-trainer-row,
.trainer-full-course-meta span{
  background:
    linear-gradient(145deg,rgba(247,251,254,.78),rgba(229,240,247,.54) 54%,rgba(216,235,245,.36)),
    radial-gradient(circle at 14% 10%,rgba(255,255,255,.62),transparent 34%);
  border-color:rgba(214,231,242,.86);
  box-shadow:0 15px 40px rgba(12,32,52,.07),inset 0 1px 0 rgba(255,255,255,.74);
}
.stats-card .stat-item{
  background:rgba(238,247,252,.66);
  border-inline-start-color:rgba(11,111,211,.09);
}
.hero h1 span,
.courses-hero h1 span{
  color:#0b6fd3;
  text-shadow:0 12px 30px rgba(11,111,211,.14);
}
.hero p,
.courses-hero p,
.partner-intro p,
.feature-text p,
.course-body p,
.compact-heading p,
.trainer-flow-note p,
.sub-page-hero-card p,
.trainer-profile-content p,
.full-batch-card p,
.trainer-video-copy p,
.trainer-full-course-card p,
.partners-animated-copy p,
.batch-card small,
.trainer-copy p{
  color:var(--ink-soft);
}
.course-card,
.report-courses-grid .course-card,
.full-batch-card,
.trainer-video-card,
.trainer-full-course-card{
  background:
    linear-gradient(145deg,rgba(247,251,254,.80),rgba(229,240,247,.60) 54%,rgba(211,233,245,.44)),
    radial-gradient(circle at 14% 8%,rgba(255,255,255,.58),transparent 34%);
  border-color:rgba(210,228,240,.88);
  box-shadow:0 22px 58px rgba(12,32,52,.10),inset 0 1px 0 rgba(255,255,255,.78);
}
.course-card:hover,
.full-batch-card:hover,
.trainer-full-course-card.highlighted-course{
  border-color:rgba(11,111,211,.20);
  box-shadow:0 28px 72px rgba(11,111,211,.13),inset 0 1px 0 rgba(255,255,255,.82);
}
.course-filter,
.sticky-course-filter .course-filter{
  background:rgba(244,250,253,.70);
  border-color:rgba(216,232,243,.88);
  box-shadow:0 14px 36px rgba(12,32,52,.07),inset 0 1px 0 rgba(255,255,255,.76);
}
.course-chip:hover{background:rgba(232,243,250,.82);}
.course-badge,
.course-date-pill,
.course-family-tag,
.panel-title-row span,
.batch-mini-stats span,
.full-batch-meta b,
.batch-card-topline > span:not(.batch-trainer-chip),
.trainer-course-pill span{
  background:rgba(232,243,250,.86);
  border-color:rgba(197,219,234,.82);
  color:#0b6fd3;
}
.course-stats,
.report-courses-grid .course-stats{
  border-top-color:rgba(11,111,211,.10);
}
.report-courses-grid .course-stats div{
  background:rgba(232,243,250,.62);
}
.partners-animated-layout{
  background:
    linear-gradient(135deg,rgba(239,248,252,.82),rgba(222,238,248,.58) 52%,rgba(207,231,244,.42)),
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.52),transparent 30%),
    radial-gradient(circle at 84% 78%,rgba(37,167,230,.10),transparent 38%);
  border-color:rgba(207,226,239,.82);
  box-shadow:0 28px 72px rgba(12,32,52,.09),inset 0 1px 0 rgba(255,255,255,.70),inset 0 -30px 62px rgba(37,167,230,.055);
}
.partners-animated-copy{
  background:linear-gradient(145deg,rgba(246,251,254,.72),rgba(228,240,247,.50));
  border-color:rgba(211,228,240,.82);
  box-shadow:0 18px 44px rgba(12,32,52,.065),inset 0 1px 0 rgba(255,255,255,.76);
}
.partners-marquee-area{
  background:linear-gradient(135deg,rgba(232,243,250,.42),rgba(218,235,245,.24));
  border-color:rgba(207,226,239,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 16px 40px rgba(12,32,52,.045);
}
.partner-marquee-card{
  background:
    linear-gradient(145deg,rgba(246,250,253,.88),rgba(234,243,249,.78) 52%,rgba(224,238,247,.70)),
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.54),transparent 34%);
  border-color:rgba(204,222,235,.86);
  box-shadow:0 10px 26px rgba(12,32,52,.065),inset 0 1px 0 rgba(255,255,255,.78),inset 0 -12px 26px rgba(37,167,230,.032);
}
.partner-logo-media{
  background:linear-gradient(145deg,rgba(248,252,254,.82),rgba(232,242,248,.70));
  border-color:rgba(203,222,235,.82);
  box-shadow:inset 0 1px 8px rgba(255,255,255,.66),0 8px 18px rgba(12,32,52,.06);
}
.site-footer{
  background:
    radial-gradient(circle at 20% 16%,rgba(37,167,230,.16),transparent 34%),
    linear-gradient(180deg,#10263f,#071827);
}
@media (max-width:680px){
  body{
    background:
      radial-gradient(circle at 20% 8%,rgba(126,204,226,.16),transparent 34%),
      linear-gradient(180deg,#eef6fb 0%,#e4eff6 48%,#dbeaf4 100%);
  }
}

/* Final footer polish: logo on the right edge, contact text on its left */
.site-footer .footer-inner{
  direction:rtl;
  grid-template-columns:minmax(520px,1.08fr) minmax(280px,.92fr);
  align-items:center;
}
.site-footer .footer-brand{
  grid-column:1;
  direction:rtl;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:24px;
  text-align:right;
  margin-inline-start:auto;
  width:100%;
}
.site-footer .footer-brand > div{
  direction:rtl;
  text-align:right;
  max-width:520px;
}
.site-footer .footer-logo-bubble{
  flex:0 0 142px;
  width:142px;
  min-height:116px;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(226,241,250,.90));
  border:1px solid rgba(221,238,249,.92);
  box-shadow:0 20px 52px rgba(31,129,190,.18),inset 0 1px 0 rgba(255,255,255,.92);
}
.site-footer .footer-logo-bubble img{
  width:100%;
  max-height:104px;
  object-fit:contain;
}
.site-footer .footer-links{
  grid-column:2;
  direction:rtl;
  justify-content:flex-start;
}
@media (max-width:900px){
  .site-footer .footer-inner{
    grid-template-columns:1fr;
    gap:34px;
  }
  .site-footer .footer-brand,
  .site-footer .footer-links{
    grid-column:auto;
  }
  .site-footer .footer-brand{
    justify-content:center;
    text-align:right;
  }
}
@media (max-width:560px){
  .site-footer .footer-brand{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .site-footer .footer-brand > div{
    text-align:center;
  }
  .site-footer .footer-logo-bubble{
    flex-basis:auto;
    width:132px;
  }
}