/* ==========================================================================
   v6: Education page (programs / formats / resources / institutions), Research page
   (core focus + areas), brain illustration, join banner.
   ========================================================================== */

/* ---- shared hero for Education / Research ---- */
.edu-hero{padding-bottom:74px}
.edu-hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.edu-hero h1{font-size:clamp(2.2rem,5vw,3.8rem);max-width:14ch}
.edu-hero h1 .w{display:inline-block}
.edu-hero h1 .w.acc>span{background:linear-gradient(100deg,#f6e2b6,#e0b872 40%,#c99a4e);-webkit-background-clip:text;background-clip:text;color:transparent}
.edu-hero .lead{max-width:560px}
.edu-hero .sc-cta{justify-content:flex-start}
.edu-books{display:flex;flex-direction:column;gap:8px;align-items:flex-end;perspective:900px}
.edu-books span{display:block;width:min(100%,380px);padding:16px 22px;border-radius:10px;font:800 .82rem var(--fh);letter-spacing:.22em;text-transform:uppercase;color:#e0b872;
  background:linear-gradient(90deg,#0a2a52,#0f3d73);border:1px solid rgba(224,184,114,.28);box-shadow:0 18px 40px rgba(0,0,0,.35);transform:rotateX(8deg) rotateY(-14deg);transform-origin:left center}
.edu-books span:nth-child(2){width:min(92%,350px);background:linear-gradient(90deg,#0b3563,#13508a)}
.edu-books span:nth-child(3){width:min(100%,380px)}
.edu-books span:nth-child(4){width:min(86%,330px);background:linear-gradient(90deg,#0c3a5c,#167a9b)}
html[dir=rtl] .edu-books{align-items:flex-start}html[dir=rtl] .edu-books span{letter-spacing:0;transform:rotateX(8deg) rotateY(14deg);transform-origin:right center;font-family:'Cairo',sans-serif}
@media(prefers-reduced-motion:no-preference){.edu-books span{animation:bookIn .9s var(--ease) both}.edu-books span:nth-child(2){animation-delay:.12s}.edu-books span:nth-child(3){animation-delay:.24s}.edu-books span:nth-child(4){animation-delay:.36s}}
@keyframes bookIn{from{opacity:0;translate:60px 0}to{opacity:1;translate:0 0}}

/* features strip */
.edu-strip{background:#fff;border-bottom:1px solid #e8eef6}
.edu-strip .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 40px;padding-block:22px}
.edu-f{display:inline-flex;align-items:center;gap:12px;font-weight:700;color:#0a3566;font-size:.95rem}
.edu-f .ico{width:42px;height:42px;padding:10px;border-radius:13px;background:linear-gradient(135deg,#e7eff9,#f6ead2);color:#0a3566}

/* programs */
.sc-programs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sc-prog{position:relative;display:flex;flex-direction:column;padding:26px 22px 22px;border-radius:26px;background:#fff;border:1px solid #e1e8f1;box-shadow:0 10px 30px rgba(4,22,50,.07);transition:translate .45s var(--ease),box-shadow .45s}
.sc-prog:hover{translate:0 -8px;box-shadow:0 22px 46px rgba(4,22,50,.14)}
.sc-prog .n{position:absolute;inset-inline-end:20px;top:14px;font:800 2.2rem/1 var(--fh);color:transparent;-webkit-text-stroke:1.5px #d3deeb}
.sc-prog .ico{width:54px;height:54px;padding:12px;border-radius:50%;background:linear-gradient(135deg,#f6e2b6,#e0b872);color:#0a3566;margin-bottom:16px;box-shadow:0 8px 20px rgba(201,154,78,.35)}
.sc-prog h3{font-size:1.15rem;line-height:1.3;margin:0 0 12px;color:#0a3566}
.sc-prog ul{list-style:none;padding:0;margin:0 0 16px;flex:1}
.sc-prog li{position:relative;padding:6px 0;padding-inline-start:20px;color:#33455d;font-size:.9rem}
.sc-prog li::before{content:"";position:absolute;inset-inline-start:2px;top:14px;width:6px;height:6px;border-radius:50%;background:#0a3566}
.sc-prog .more{margin-top:auto}

/* formats */
.sc-formats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sc-fmt{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:22px;background:#fff;border:1px solid #e1e8f1;transition:translate .4s var(--ease),box-shadow .4s}
.sc-fmt:hover{translate:0 -5px;box-shadow:0 16px 36px rgba(4,22,50,.12)}
.sc-fmt .ico{flex:none;width:50px;height:50px;padding:12px;border-radius:15px;background:linear-gradient(135deg,#e7eff9,#f6ead2);color:#0a3566}
.sc-fmt b{display:block;color:#0a3566;margin-bottom:3px}.sc-fmt small{display:block;color:#5a6b80;line-height:1.5}

/* resource categories */
.sc-rescats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:22px}
.sc-rescat{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;border-radius:20px;background:#fff;border:1px solid #e1e8f1;cursor:pointer;color:#0a3566;font-family:inherit;transition:translate .35s var(--ease),box-shadow .35s,background .25s,color .25s}
.sc-rescat .ico{width:46px;height:46px;padding:11px;border-radius:14px;background:linear-gradient(135deg,#e7eff9,#f6ead2)}
.sc-rescat b{font-size:.86rem;line-height:1.3;text-align:center}
.sc-rescat small{position:absolute;inset-inline-end:10px;top:8px;min-width:22px;height:22px;display:grid;place-items:center;border-radius:99px;background:#0a3566;color:#fff;font-size:.72rem;font-weight:700}
.sc-rescat:hover{translate:0 -4px;box-shadow:0 14px 32px rgba(4,22,50,.12)}
.sc-rescat.on{background:linear-gradient(150deg,#041632,#0a3566);color:#fff;border-color:transparent}.sc-rescat.on .ico{background:rgba(255,255,255,.12);color:#f2d79f}

/* institutions band */
.sc-inst{position:relative;overflow:hidden;background:linear-gradient(135deg,#041632,#0a3566 60%,#05498a);color:#fff;padding:64px 0;isolation:isolate}
.sc-inst .sc-glow.g1{opacity:.7}
.sc-inst-in{display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative}
.sc-inst h2{color:#fff;font-size:clamp(1.8rem,3.6vw,2.6rem);margin:.2em 0 .3em}.sc-inst h2 em,.sc-cta-box h2 em{font-style:normal;color:#e0b872}
.sc-inst p{color:#b6c9de;max-width:560px;margin:0 0 22px}
.inst-ico{display:grid;place-items:center;width:150px;height:150px;border-radius:36px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#e0b872;flex:none}
.inst-ico svg{width:72px;height:72px}

/* research page */
.res-brain{position:relative;width:min(320px,100%);aspect-ratio:1;margin-inline:auto;display:grid;place-items:center}
.rb-ring{position:absolute;border-radius:50%;border:1.5px dashed rgba(224,184,114,.4);animation:spin 40s linear infinite}
.rb-ring.r1{inset:0}.rb-ring.r2{inset:16%;animation-duration:26s;animation-direction:reverse;border-color:rgba(255,255,255,.22)}
.rb-core{position:relative;display:grid;place-items:center;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2a6fb8,#0a3566);color:#f2d79f;box-shadow:0 0 60px rgba(224,184,114,.35)}
.rb-core svg{width:56%;height:56%;stroke-width:1.5}
.rb-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#e0b872;box-shadow:0 0 18px #e0b872;animation:pulse 3s ease-in-out infinite}
.rb-dot.d1{top:6%;left:50%}.rb-dot.d2{top:50%;right:2%;animation-delay:-1s}.rb-dot.d3{bottom:6%;left:34%;animation-delay:-2s}.rb-dot.d4{top:48%;left:3%;animation-delay:-1.5s;background:#7fb8ff;box-shadow:0 0 18px #7fb8ff}
.sc-core{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sc-corec{position:relative;padding:30px 28px 26px;border-radius:28px;color:#fff;overflow:hidden;background:linear-gradient(150deg,#041632,#0a3566 62%,#05498a);box-shadow:0 20px 50px rgba(4,22,50,.22);transition:translate .45s var(--ease)}
.sc-corec:nth-child(2){background:linear-gradient(150deg,#062a45,#0c4d6b 62%,#167a9b)}
.sc-corec:hover{translate:0 -6px}
.sc-corec::before{content:"";position:absolute;width:240px;height:240px;inset-inline-end:-80px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(224,184,114,.38),transparent 68%)}
.sc-corec>*{position:relative}
.sc-corec .ico{width:58px;height:58px;padding:13px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#f2d79f;margin-bottom:16px}
.sc-corec h3{color:#fff;font-size:1.4rem;margin:0 0 8px}.sc-corec p{color:#c4d4e6;margin:0 0 14px;line-height:1.6}.sc-corec .more{color:#f2d79f}
.sc-areas{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sc-area{position:relative;display:flex;flex-direction:column;padding:24px 20px 20px;border-radius:24px;background:#fff;border:1px solid #e1e8f1;box-shadow:0 10px 30px rgba(4,22,50,.07);transition:translate .45s var(--ease),box-shadow .45s}
.sc-area:hover{translate:0 -7px;box-shadow:0 20px 44px rgba(4,22,50,.14)}
.sc-area .n{position:absolute;inset-inline-end:18px;top:12px;font:800 2rem/1 var(--fh);color:transparent;-webkit-text-stroke:1.5px #d3deeb}
.sc-area .ico{width:50px;height:50px;padding:12px;border-radius:15px;background:linear-gradient(135deg,#e7eff9,#f6ead2);color:#0a3566;margin-bottom:14px}
.sc-area h3{font-size:1.05rem;line-height:1.3;margin:0 0 8px;color:#0a3566}.sc-area p{margin:0 0 12px;color:#5a6b80;font-size:.9rem;line-height:1.6;flex:1}

/* join banner (network) */
.sc-join{background:linear-gradient(135deg,#f6ead2,#e7eff9);border-bottom:1px solid #e8eef6}
.sc-join-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:22px;flex-wrap:wrap}
.sc-join b{display:block;color:#0a3566;font-size:1.1rem}.sc-join small{color:#5a6b80}

/* hero brain card + small bits */
.brain-ico{display:grid;place-items:center;width:100%;color:#f2d79f}
.brain-ico svg{width:54px;height:54px;stroke-width:1.5;filter:drop-shadow(0 0 10px rgba(224,184,114,.5))}
.c-net .cap{margin-top:6px}
.sc-venn .pulse{stroke:#fff}

/* ---- responsive ---- */
@media(max-width:1100px){
  .sc-programs,.sc-areas,.sc-formats{grid-template-columns:1fr 1fr}.sc-rescats{grid-template-columns:repeat(3,1fr)}
  .edu-hero-in{grid-template-columns:1fr}.edu-books{align-items:flex-start;margin-top:10px}.res-brain{width:220px;margin-inline:0}
}
@media(max-width:640px){
  .edu-hero{padding-bottom:40px}.edu-hero h1{font-size:2rem;max-width:none}
  .edu-books span{padding:11px 16px;font-size:.7rem;letter-spacing:.14em}
  .res-brain{display:none}
  .edu-strip .wrap{gap:8px 22px;padding-block:14px;justify-content:flex-start}.edu-f{font-size:.82rem;gap:8px}.edu-f .ico{width:34px;height:34px;padding:8px;border-radius:11px}
  .sc-programs,.sc-areas,.sc-formats,.sc-core{grid-template-columns:1fr;gap:10px}
  .sc-prog{padding:18px 16px 16px;border-radius:20px}.sc-prog .ico{width:44px;height:44px;padding:10px;margin-bottom:10px}.sc-prog h3{font-size:1.05rem}.sc-prog li{font-size:.86rem}
  .sc-fmt{padding:14px;border-radius:18px}.sc-fmt .ico{width:42px;height:42px;padding:10px}
  .sc-rescats{grid-template-columns:repeat(3,1fr);gap:8px}.sc-rescat{padding:12px 6px;border-radius:16px}.sc-rescat .ico{width:38px;height:38px;padding:9px}.sc-rescat b{font-size:.74rem}
  .sc-inst{padding:40px 0}.sc-inst-in{flex-direction:column;align-items:flex-start}.inst-ico{display:none}
  .sc-corec{padding:20px 18px;border-radius:22px}.sc-corec h3{font-size:1.2rem}.sc-area{padding:18px 16px;border-radius:20px}
  .sc-area p{font-size:.86rem}.sc-join-in{padding-block:16px}
}