@charset "UTF-8";

:root{
  --navy-950:#031226;
  --navy-900:#061a34;
  --navy-850:#082241;
  --navy-800:#0b2b4e;
  --blue-700:#006fd6;
  --blue-600:#078cea;
  --blue-500:#16a8f4;
  --cyan-400:#39d2ff;
  --cyan-300:#78e6ff;
  --mint-400:#42dfbf;
  --violet-500:#7267f8;
  --violet-400:#9189ff;
  --ink:#0a2038;
  --text:#17324d;
  --muted:#60758b;
  --line:#dce7f1;
  --paper:#f4f8fc;
  --white:#fff;
  --success:#11b981;
  --warning:#ffb84d;
  --danger:#ff6b6b;
  --shadow-sm:0 8px 24px rgba(9,40,72,.08);
  --shadow-md:0 18px 54px rgba(9,40,72,.13);
  --shadow-lg:0 28px 90px rgba(0,30,70,.20);
  --radius-sm:14px;
  --radius-md:22px;
  --radius-lg:32px;
  --radius-xl:44px;
  --container:1320px;
  --ease:cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 8% -10%,rgba(57,210,255,.11),transparent 26rem),
    linear-gradient(180deg,#f8fbfe 0%,#f3f8fc 100%);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
html[lang="ar"] body{font-family:"Tajawal","Segoe UI",Arial,sans-serif;letter-spacing:0}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
::selection{background:rgba(22,168,244,.22);color:var(--navy-950)}

.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.container-narrow{width:min(920px,calc(100% - 40px));margin-inline:auto}
.section{padding:112px 0;position:relative}
.section-sm{padding:72px 0;position:relative}
.section-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--blue-700);font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.14em}
.section-kicker::before{content:"";width:28px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--blue-600),var(--cyan-400))}
html[lang="ar"] .section-kicker{letter-spacing:0}
.section-title{font-size:clamp(2.2rem,4.6vw,4.4rem);line-height:1.05;letter-spacing:-.045em;color:var(--navy-950);margin:14px 0 20px;max-width:900px}
html[lang="ar"] .section-title{letter-spacing:-.025em;line-height:1.18}
.section-lead{font-size:1.12rem;color:var(--muted);max-width:720px;margin:0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:46px}
.section-head>div:first-child{max-width:850px}
.section-head .section-title{font-size:clamp(2rem,3.8vw,3.7rem);margin-bottom:0}
.section-head .section-lead{max-width:480px}

.skip-link{position:fixed;inset-inline-start:16px;top:-70px;z-index:9999;background:#fff;color:var(--navy-950);padding:12px 18px;border-radius:0 0 12px 12px;box-shadow:var(--shadow-sm);transition:.2s}
.skip-link:focus{top:0}

/* announcement + navigation */
.announcement{
  background:var(--navy-950);
  color:#cfe9fb;
  min-height:38px;
  display:flex;
  align-items:center;
  font-size:.82rem;
  position:relative;
  z-index:60;
}
.announcement .container{display:flex;align-items:center;justify-content:space-between;gap:20px}
.announcement strong{color:#fff}
.announcement-links{display:flex;align-items:center;gap:20px}
.announcement a:hover{color:#fff}
.site-header{
  position:sticky;
  top:0;
  z-index:55;
  transition:background .3s,box-shadow .3s,border-color .3s;
  background:rgba(248,251,254,.86);
  backdrop-filter:blur(20px) saturate(140%);
  border-bottom:1px solid rgba(184,205,224,.5);
}
.site-header.scrolled{background:rgba(255,255,255,.94);box-shadow:0 8px 34px rgba(8,34,65,.08)}
.nav-wrap{height:84px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;flex:none}
.brand img{width:150px;height:68px;object-fit:contain}
.nav-menu{display:flex;align-items:center;gap:4px;margin-inline:auto}
.nav-menu a{padding:11px 13px;border-radius:12px;font-size:.91rem;font-weight:700;color:#2d465f;white-space:nowrap;transition:.2s}
.nav-menu a:hover,.nav-menu a.active{background:#eaf5fd;color:var(--blue-700)}
.nav-actions{display:flex;align-items:center;gap:10px;flex:none}
.lang-switch{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:46px;border:1px solid var(--line);background:#fff;border-radius:13px;font-weight:800;color:var(--blue-700);box-shadow:0 5px 16px rgba(9,40,72,.05)}
.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;justify-content:center;color:var(--navy-900)}
.menu-toggle svg{width:22px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:15px;border:1px solid transparent;font-weight:850;font-size:.95rem;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,color .25s,border-color .25s;position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.36),transparent 65%);transform:translateX(-70%);transition:transform .7s var(--ease);pointer-events:none}
.btn:hover::after{transform:translateX(70%)}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue-600),#06b8ea);box-shadow:0 14px 28px rgba(8,143,232,.25)}
.btn-primary:hover{box-shadow:0 18px 36px rgba(8,143,232,.34)}
.btn-dark{color:#fff;background:var(--navy-950);box-shadow:0 14px 28px rgba(3,18,38,.2)}
.btn-light{color:var(--navy-950);background:#fff;box-shadow:0 14px 32px rgba(0,30,70,.14)}
.btn-outline{color:var(--navy-900);background:rgba(255,255,255,.72);border-color:#bdd1e2}
.btn-outline:hover{border-color:var(--blue-500);color:var(--blue-700);background:#fff}
.btn-ghost{color:#d9efff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.btn svg{width:19px;height:19px}
html[dir="rtl"] .btn .arrow{transform:scaleX(-1)}

/* hero */
.hero{
  position:relative;
  min-height:790px;
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 78% 24%,rgba(57,210,255,.23),transparent 24rem),
    radial-gradient(circle at 90% 88%,rgba(114,103,248,.18),transparent 25rem),
    linear-gradient(125deg,var(--navy-950) 0%,#06264a 52%,#064f78 100%);
}
.hero::before{
  content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:linear-gradient(to bottom,black,transparent 90%);
}
.hero::after{content:"";position:absolute;width:900px;height:900px;border:1px solid rgba(120,230,255,.18);border-radius:50%;right:-430px;top:-310px;box-shadow:0 0 0 120px rgba(120,230,255,.035),0 0 0 240px rgba(120,230,255,.025)}
html[dir="rtl"] .hero::after{right:auto;left:-430px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(520px,.95fr);gap:54px;align-items:center;position:relative;z-index:2;padding-top:38px;padding-bottom:58px}
.hero-copy{max-width:760px}
.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 12px 8px 9px;border:1px solid rgba(133,225,255,.24);background:rgba(7,56,96,.56);backdrop-filter:blur(10px);border-radius:999px;color:#c7f4ff;font-weight:750;font-size:.84rem;margin-bottom:24px}
.hero-badge i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--cyan-400),var(--mint-400));color:var(--navy-950);font-style:normal;font-weight:900}
.hero h1{font-size:clamp(4rem,6.7vw,7rem);line-height:.94;letter-spacing:-.065em;margin:0 0 28px;max-width:800px}
html[lang="ar"] .hero h1{font-size:clamp(3.4rem,6.3vw,6.25rem);letter-spacing:-.035em;line-height:1.05}
.hero h1 .highlight{display:inline-block;background:linear-gradient(90deg,#fff 0%,#8aeaff 45%,#63cbff 72%,#a59cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{font-size:1.16rem;line-height:1.85;color:#c9e0f2;max-width:700px;margin:0 0 30px}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:36px}
.hero-metrics{display:flex;flex-wrap:wrap;gap:34px;padding-top:30px;border-top:1px solid rgba(255,255,255,.14)}
.metric{display:flex;flex-direction:column;gap:2px}
.metric strong{font-size:1.7rem;color:#fff;line-height:1}
.metric span{font-size:.84rem;color:#97b8d2}

/* educational 3D scene */
.journey-scene{height:620px;position:relative;perspective:1500px;transform-style:preserve-3d;--mx:0;--my:0}
.scene-aura{position:absolute;width:470px;height:470px;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(50,201,255,.28) 0%,rgba(8,84,139,.08) 54%,transparent 72%);filter:blur(4px)}
.match-console{
  position:absolute;left:50%;top:49%;width:min(500px,82%);height:410px;
  transform-style:preserve-3d;
  transform:translate(-50%,-50%) rotateX(calc(5deg + var(--my)*-2deg)) rotateY(calc(-10deg + var(--mx)*4deg));
  transition:transform .16s linear;
  border:1px solid rgba(151,228,255,.25);
  border-radius:30px;
  background:linear-gradient(150deg,rgba(7,35,69,.88),rgba(10,62,103,.72));
  backdrop-filter:blur(22px);
  box-shadow:0 45px 90px rgba(0,12,34,.48),inset 0 1px 0 rgba(255,255,255,.18);
  padding:22px;
}
.match-console::before{content:"";position:absolute;inset:11px;border-radius:22px;border:1px solid rgba(255,255,255,.06);pointer-events:none}
.console-head{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:18px;position:relative;z-index:2}
.console-brand{display:flex;align-items:center;gap:10px;font-weight:850}
.console-brand i{width:10px;height:10px;border-radius:50%;background:var(--mint-400);box-shadow:0 0 18px var(--mint-400)}
.console-status{font-size:.72rem;color:#9bd6ef;padding:7px 10px;border-radius:999px;background:rgba(64,208,255,.1);border:1px solid rgba(64,208,255,.18)}
.console-body{display:grid;grid-template-columns:1.08fr .92fr;gap:15px;height:324px;position:relative;z-index:2}
.profile-panel,.fit-panel,.route-panel{border:1px solid rgba(156,220,246,.13);background:rgba(2,24,51,.46);border-radius:19px;padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.profile-panel{grid-row:span 2;display:flex;flex-direction:column}
.profile-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.profile-avatar{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(145deg,var(--blue-500),var(--violet-500));box-shadow:0 14px 34px rgba(62,138,255,.27)}
.profile-top strong{display:block;color:#fff;font-size:.96rem}.profile-top span{display:block;color:#82abc7;font-size:.72rem}
.profile-score{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px;color:#9bc2da;font-size:.74rem}.profile-score b{font-size:1.55rem;color:#fff}
.score-track{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:18px}.score-track i{display:block;height:100%;width:84%;border-radius:inherit;background:linear-gradient(90deg,var(--mint-400),var(--cyan-400));box-shadow:0 0 16px rgba(66,223,191,.35)}
.skill-list{display:grid;gap:10px;margin-top:auto}.skill{display:grid;grid-template-columns:1fr 76px;gap:10px;align-items:center;color:#cde7f7;font-size:.72rem}.skill-line{height:5px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden}.skill-line i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#39d2ff,#7267f8)}
.fit-panel{position:relative;overflow:hidden}.fit-panel small,.route-panel small{color:#7ba9c6;font-size:.67rem;text-transform:uppercase;letter-spacing:.12em}.fit-panel h3{color:#fff;font-size:1.03rem;margin:6px 0 8px}.fit-pill{display:inline-flex;align-items:center;gap:6px;color:#bff9eb;font-size:.69rem}.fit-pill i{width:7px;height:7px;border-radius:50%;background:var(--mint-400)}
.fit-ring{position:absolute;width:88px;height:88px;border-radius:50%;right:-12px;bottom:-17px;background:conic-gradient(var(--cyan-400) 0 78%,rgba(255,255,255,.08) 78%);display:grid;place-items:center;transform:rotate(-12deg)}
.fit-ring::after{content:"78%";width:64px;height:64px;border-radius:50%;background:#082b4c;display:grid;place-items:center;color:#fff;font-weight:900;font-size:.8rem}
.route-panel{display:flex;align-items:center;justify-content:center;padding:12px;position:relative}.route-svg{width:100%;height:100%}.route-line{fill:none;stroke:url(#routeGradient);stroke-width:3;stroke-linecap:round;stroke-dasharray:7 10;animation:dash 7s linear infinite}.route-dot{filter:drop-shadow(0 0 6px rgba(57,210,255,.9))}
@keyframes dash{to{stroke-dashoffset:-100}}

.float-module{position:absolute;min-width:180px;padding:15px 16px;border-radius:18px;background:rgba(5,34,67,.79);border:1px solid rgba(144,224,255,.23);backdrop-filter:blur(15px);box-shadow:0 22px 55px rgba(0,12,34,.36);color:#fff;transform-style:preserve-3d;animation:floatY 5.4s ease-in-out infinite}
.float-module .module-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(57,210,255,.22),rgba(114,103,248,.22));margin-bottom:10px}.float-module .module-icon svg{width:20px;height:20px;color:#93ecff}.float-module strong{display:block;font-size:.84rem}.float-module span{display:block;color:#8fb5cd;font-size:.69rem;margin-top:2px}
.module-degree{left:-7%;top:12%;transform:translateZ(120px) rotateY(8deg);animation-delay:-1s}.module-visa{right:-7%;top:26%;transform:translateZ(160px) rotateY(-6deg);animation-delay:-2.4s}.module-campus{left:2%;bottom:9%;transform:translateZ(150px) rotateY(8deg);animation-delay:-3.6s}
@keyframes floatY{0%,100%{margin-top:0}50%{margin-top:-14px}}

.campus-cluster{position:absolute;right:3%;bottom:5%;width:185px;height:145px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-28deg) translateZ(90px);opacity:.9}
.campus-base{position:absolute;inset:38px 0 0;background:linear-gradient(135deg,rgba(20,169,244,.28),rgba(114,103,248,.16));border:1px solid rgba(132,226,255,.22);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.24)}
.tower{position:absolute;width:46px;background:linear-gradient(90deg,#0b76bc,#19b9ed);border:1px solid rgba(255,255,255,.22);box-shadow:8px 14px 28px rgba(0,12,34,.38)}
.tower::before{content:"";position:absolute;left:7px;right:-8px;top:-12px;height:14px;background:#42d8fa;transform:skewX(-45deg);transform-origin:left bottom;border-radius:4px 4px 0 0}
.tower::after{content:"";position:absolute;top:-5px;bottom:0;right:-10px;width:11px;background:#07558f;transform:skewY(-45deg);transform-origin:left top}
.t1{height:82px;left:34px;bottom:32px}.t2{height:110px;left:90px;bottom:30px}.t3{height:64px;left:141px;bottom:29px}

.hero-wave{position:absolute;left:0;right:0;bottom:-1px;height:76px;z-index:3;pointer-events:none}.hero-wave svg{width:100%;height:100%;fill:var(--paper)}

/* trust marquee */
.trust-strip{background:#fff;border-bottom:1px solid var(--line);overflow:hidden}
.trust-head{display:flex;align-items:center;gap:16px;padding-top:26px;color:#71869a;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.trust-head::after{content:"";height:1px;flex:1;background:var(--line)}
.marquee{overflow:hidden;position:relative;padding:26px 0 32px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;width:max-content;gap:16px;animation:marquee 30s linear infinite}
html[dir="rtl"] .marquee-track{animation-direction:reverse}
.marquee:hover .marquee-track{animation-play-state:paused}
.uni-chip{min-width:156px;height:64px;display:grid;place-items:center;padding:0 22px;border:1px solid #e3edf5;border-radius:18px;background:#fbfdff;color:#49627a;font-weight:900;letter-spacing:.04em;box-shadow:0 8px 24px rgba(14,49,78,.04)}
@keyframes marquee{to{transform:translateX(-50%)}}

/* core cards */
.cards{display:grid;gap:22px}
.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{position:relative;border:1px solid var(--line);background:rgba(255,255,255,.88);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:#badcf1}
.card-body{padding:26px}
.icon-box{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#e5f7ff,#edf0ff);color:var(--blue-700);border:1px solid rgba(22,168,244,.12);margin-bottom:20px}.icon-box svg{width:26px;height:26px}
.card h3{margin:0 0 10px;color:var(--navy-950);font-size:1.25rem;line-height:1.3}.card p{margin:0;color:var(--muted)}
.card-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--blue-700);font-weight:850;font-size:.89rem}.card-link svg{width:17px}.card-link:hover{gap:12px}

/* journey section */
.journey-section{background:linear-gradient(180deg,#f3f8fc 0%,#fff 100%)}
.journey-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.journey-sticky{position:sticky;top:132px}.journey-sticky .section-title{font-size:clamp(2.3rem,4.1vw,4.2rem)}
.journey-points{display:grid;gap:22px}
.journey-point{display:grid;grid-template-columns:70px 1fr;gap:22px;align-items:start;padding:26px 0;border-bottom:1px solid var(--line);position:relative}
.journey-point:last-child{border-bottom:0}
.point-index{width:64px;height:64px;border-radius:19px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);font-size:1.1rem;font-weight:950;color:var(--blue-700);position:relative;z-index:2}
.journey-point::before{content:"";position:absolute;inset-inline-start:31px;top:89px;bottom:-1px;width:2px;background:linear-gradient(var(--cyan-400),var(--line))}.journey-point:last-child::before{display:none}
.journey-point h3{margin:4px 0 7px;color:var(--navy-950);font-size:1.35rem}.journey-point p{margin:0;color:var(--muted)}
.journey-point .tag{display:inline-flex;margin-top:12px;padding:6px 9px;border-radius:9px;background:#eaf6fd;color:#1276b9;font-size:.72rem;font-weight:850}

/* feature mosaic */
.feature-mosaic{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto auto;gap:22px}
.feature-large{grid-row:span 2;min-height:560px;padding:38px;border-radius:var(--radius-lg);color:#fff;background:
  radial-gradient(circle at 84% 18%,rgba(94,231,255,.26),transparent 18rem),
  linear-gradient(145deg,#061a34,#094979);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}
.feature-large::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(black,transparent)}
.feature-large>*{position:relative;z-index:2}.feature-large h3{font-size:clamp(2.1rem,3.2vw,3.3rem);line-height:1.08;margin:14px 0 18px}.feature-large p{color:#bdd8eb;max-width:540px;font-size:1.04rem}
.feature-panel{padding:30px;border-radius:var(--radius-md);border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-sm);min-height:268px;position:relative;overflow:hidden}.feature-panel h3{font-size:1.45rem;margin:18px 0 10px;color:var(--navy-950)}.feature-panel p{color:var(--muted);margin:0}.feature-panel::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-68px;bottom:-76px;background:radial-gradient(circle,rgba(57,210,255,.18),transparent 68%)}

.data-radar{width:310px;height:310px;margin:38px auto 0;position:relative;filter:drop-shadow(0 22px 40px rgba(0,0,0,.25))}.data-radar svg{overflow:visible}.radar-grid{fill:none;stroke:rgba(160,230,255,.20);stroke-width:1}.radar-axis{stroke:rgba(160,230,255,.16);stroke-width:1}.radar-shape{fill:rgba(57,210,255,.22);stroke:#65e2ff;stroke-width:2;filter:drop-shadow(0 0 12px rgba(57,210,255,.35));animation:radarPulse 4s ease-in-out infinite}.radar-dot{fill:#fff;stroke:#39d2ff;stroke-width:3}.radar-label{fill:#bce9fa;font-size:10px;font-weight:700;text-anchor:middle}
@keyframes radarPulse{0%,100%{opacity:.72}50%{opacity:1}}

/* programme cards */
.program-card{padding:26px;min-height:260px;display:flex;flex-direction:column}.program-card .program-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.program-card .program-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--blue-600),var(--violet-500));box-shadow:0 14px 30px rgba(57,117,226,.24)}.program-card .program-icon svg{width:27px}.program-card .count{font-size:.72rem;color:#6f8498;background:#eef5fa;border-radius:999px;padding:7px 9px;font-weight:800}.program-card h3{margin:24px 0 8px}.program-card p{font-size:.92rem}.program-card .card-link{margin-top:auto;padding-top:20px}

/* media section */
.life-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:22px}.life-stack{display:grid;gap:22px}.media-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);min-height:520px;background:#0b2b4e;box-shadow:var(--shadow-md);isolation:isolate}.media-card.small{min-height:249px}.media-card::before{content:"";position:absolute;inset:0;background-image:var(--bg);background-size:cover;background-position:center;transform:scale(1.02);transition:transform .8s var(--ease);z-index:-2}.media-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(3,18,38,.82) 100%);z-index:-1}.media-card:hover::before{transform:scale(1.08)}.media-content{position:absolute;inset:auto 30px 28px;color:#fff}.media-content small{color:#8ee7ff;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.media-content h3{font-size:1.7rem;line-height:1.15;margin:8px 0}.media-content p{margin:0;color:#c9deec;max-width:520px}

/* dark split / CTA */
.dark-section{background:
 radial-gradient(circle at 85% 20%,rgba(57,210,255,.16),transparent 20rem),
 linear-gradient(135deg,var(--navy-950),#07365c);color:#fff;overflow:hidden}
.dark-section .section-title{color:#fff}.dark-section .section-lead{color:#b9d3e7}
.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0c8ee9,#12bce7 62%,#6d6ff4);color:#fff;box-shadow:0 30px 70px rgba(7,128,211,.27);position:relative;overflow:hidden}.cta-panel::before{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-120px;top:-185px;box-shadow:0 0 0 60px rgba(255,255,255,.05),0 0 0 120px rgba(255,255,255,.025)}html[dir="rtl"] .cta-panel::before{right:auto;left:-120px}.cta-panel>*{position:relative;z-index:2}.cta-panel h2{font-size:clamp(2rem,3.4vw,3.45rem);line-height:1.08;margin:0 0 12px;max-width:800px}.cta-panel p{margin:0;color:#e1f6ff;max-width:700px}

/* internal page hero */
.page-hero{position:relative;padding:108px 0 96px;color:#fff;overflow:hidden;background:
 radial-gradient(circle at 80% 15%,rgba(57,210,255,.2),transparent 20rem),
 linear-gradient(130deg,var(--navy-950),#063d67)}
.page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(black,transparent)}
.page-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center;position:relative;z-index:2}.page-hero h1{font-size:clamp(3.3rem,6vw,6rem);line-height:.98;letter-spacing:-.055em;margin:16px 0 22px}.page-hero p{font-size:1.12rem;color:#c8deed;max-width:720px;margin:0}.page-hero-card{border:1px solid rgba(161,228,255,.2);background:rgba(7,43,77,.54);backdrop-filter:blur(14px);padding:28px;border-radius:26px;box-shadow:0 30px 70px rgba(0,11,31,.28)}.page-hero-card .mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.page-hero-card .mini-stat{padding:18px;border-radius:17px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.mini-stat strong{display:block;font-size:1.55rem;color:#fff}.mini-stat span{font-size:.78rem;color:#9fc0d6}
.breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;color:#93bdd8;font-size:.83rem}.breadcrumb a:hover{color:#fff}

/* generic content layouts */
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split.reverse>div:first-child{order:2}.copy-block h2{font-size:clamp(2.15rem,3.6vw,3.8rem);line-height:1.1;letter-spacing:-.04em;color:var(--navy-950);margin:12px 0 18px}.copy-block p{color:var(--muted)}.check-list{display:grid;gap:13px;margin:26px 0 0;padding:0;list-style:none}.check-list li{display:flex;align-items:flex-start;gap:12px;color:#29445e}.check-list i{flex:none;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#dcf7ef;color:#0b9a72;font-style:normal;font-weight:900;font-size:.75rem;margin-top:2px}
.visual-card{min-height:490px;border-radius:var(--radius-lg);position:relative;overflow:hidden;background:linear-gradient(145deg,#e3f6ff,#edf0ff);box-shadow:var(--shadow-md);border:1px solid #d8e8f4;padding:34px}.visual-card.dark{background:linear-gradient(145deg,#061a34,#0a4775);color:#fff}.visual-orbit{position:absolute;width:310px;height:310px;border-radius:50%;border:1px solid rgba(33,163,230,.2);right:-60px;bottom:-40px;box-shadow:0 0 0 58px rgba(36,164,230,.06),0 0 0 116px rgba(36,164,230,.03)}html[dir="rtl"] .visual-orbit{right:auto;left:-60px}.visual-card>*{position:relative;z-index:2}

.stats-band{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}.stat-item{padding:30px;border-inline-end:1px solid var(--line)}.stat-item:last-child{border-inline-end:0}.stat-item strong{display:block;color:var(--navy-950);font-size:2rem;line-height:1}.stat-item span{display:block;color:var(--muted);font-size:.84rem;margin-top:8px}

/* services */
.service-detail{display:grid;grid-template-columns:76px 1fr;gap:22px;padding:29px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm)}.service-detail .icon-box{margin:0}.service-detail h3{margin:0 0 8px;color:var(--navy-950);font-size:1.28rem}.service-detail p{margin:0;color:var(--muted)}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.process-card{padding:24px;border-radius:20px;background:#fff;border:1px solid var(--line);position:relative;min-height:220px}.process-card::after{content:"";position:absolute;top:48px;inset-inline-end:-15px;width:16px;height:2px;background:#b9d8eb}.process-card:last-child::after{display:none}.process-card .number{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e7f6ff;color:var(--blue-700);font-weight:950}.process-card h3{font-size:1.1rem;margin:18px 0 8px;color:var(--navy-950)}.process-card p{font-size:.88rem;color:var(--muted);margin:0}

/* universities + programs filters */
.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.filter-btn{border:1px solid var(--line);background:#fff;color:#49627a;border-radius:999px;padding:10px 15px;font-weight:800;font-size:.84rem;transition:.2s}.filter-btn:hover,.filter-btn.active{background:var(--navy-950);color:#fff;border-color:var(--navy-950)}
.university-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.university-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:var(--shadow-sm);transition:.3s}.university-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.university-logo{height:88px;border-radius:17px;background:linear-gradient(145deg,#f0f7fc,#fbfdff);border:1px solid #e4edf4;display:grid;place-items:center;color:#304d67;font-size:1.45rem;font-weight:950;letter-spacing:.05em}.university-card h3{color:var(--navy-950);margin:20px 0 8px}.meta-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.meta-list span{font-size:.72rem;padding:6px 8px;border-radius:9px;background:#edf6fb;color:#4a6b82;font-weight:750}

/* assessment */
.assessment-page{background:linear-gradient(180deg,#f4f9fd,#eef6fb)}
.assessment-shell{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.assessment-side{position:sticky;top:118px;border-radius:26px;background:linear-gradient(150deg,var(--navy-950),#07446f);padding:28px;color:#fff;box-shadow:var(--shadow-lg);overflow:hidden}.assessment-side::after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;border:1px solid rgba(115,227,255,.16);right:-100px;bottom:-100px;box-shadow:0 0 0 50px rgba(115,227,255,.04)}.assessment-side>*{position:relative;z-index:2}.assessment-side h2{font-size:1.65rem;line-height:1.2;margin:12px 0}.assessment-side p{font-size:.88rem;color:#afd0e3}.assessment-side ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px}.assessment-side li{display:flex;gap:10px;color:#d8ebf6;font-size:.85rem}.assessment-side li i{width:22px;height:22px;border-radius:7px;background:rgba(66,223,191,.16);color:#77f0d5;display:grid;place-items:center;font-style:normal;font-size:.7rem;flex:none}.assessment-main{border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-md);min-height:680px;overflow:hidden}.assessment-top{padding:24px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.assessment-progress{height:8px;border-radius:999px;background:#e9f1f6;overflow:hidden;flex:1}.assessment-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue-500),var(--cyan-400),var(--mint-400));transition:width .45s var(--ease)}.assessment-step-label{font-size:.78rem;color:var(--muted);font-weight:800;white-space:nowrap}.assessment-body{padding:42px 46px}.assessment-intro{text-align:center;max-width:680px;margin:30px auto}.assessment-intro .intro-icon{width:82px;height:82px;border-radius:25px;display:grid;place-items:center;margin:0 auto 24px;background:linear-gradient(145deg,#e2f7ff,#eeeefe);color:var(--blue-700)}.assessment-intro .intro-icon svg{width:38px}.assessment-intro h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;color:var(--navy-950);margin:0 0 16px}.assessment-intro p{color:var(--muted)}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;text-align:start;margin:28px 0}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.82rem;color:#35516a;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid #cfdeea;background:#fbfdff;border-radius:13px;min-height:50px;padding:11px 13px;color:var(--navy-950);outline:none;transition:.2s}.field textarea{min-height:128px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue-500);box-shadow:0 0 0 4px rgba(22,168,244,.11)}
.question-wrap{max-width:760px;margin:10px auto}.question-category{display:inline-flex;padding:7px 10px;border-radius:9px;background:#eaf6fd;color:#087bbf;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.question-number{font-size:.82rem;color:var(--muted);font-weight:800;margin:16px 0 8px}.question-title{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.28;color:var(--navy-950);margin:0 0 29px}.scale-labels{display:flex;justify-content:space-between;color:#7890a5;font-size:.73rem;margin-bottom:10px}.answer-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.answer-option{position:relative}.answer-option input{position:absolute;opacity:0;pointer-events:none}.answer-option label{min-height:84px;border:1px solid #d4e1eb;border-radius:17px;background:#fbfdff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#4c667e;font-weight:850;transition:.2s}.answer-option label strong{font-size:1.15rem;color:var(--navy-900)}.answer-option label span{font-size:.67rem;font-weight:700;color:#8598a9}.answer-option input:checked+label{border-color:var(--blue-500);background:#eaf7ff;box-shadow:0 9px 22px rgba(16,139,220,.13);transform:translateY(-3px);color:var(--blue-700)}.assessment-nav{display:flex;justify-content:space-between;gap:12px;margin-top:34px}.assessment-nav .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.result-wrap{max-width:900px;margin:0 auto}.result-header{text-align:center;margin-bottom:34px}.result-header .score-badge{width:94px;height:94px;border-radius:30px;background:linear-gradient(145deg,var(--blue-600),var(--violet-500));display:grid;place-items:center;color:#fff;font-size:1.6rem;font-weight:950;margin:0 auto 22px;box-shadow:0 20px 40px rgba(52,116,224,.28)}.result-header h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.1;color:var(--navy-950);margin:0 0 12px}.result-header p{color:var(--muted);max-width:680px;margin:auto}.result-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.result-primary{padding:28px;border-radius:24px;background:linear-gradient(145deg,#061a34,#0b4773);color:#fff;position:relative;overflow:hidden}.result-primary::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-100px;border:1px solid rgba(110,226,255,.16);box-shadow:0 0 0 45px rgba(110,226,255,.04)}.result-primary>*{position:relative;z-index:2}.result-primary small{color:#83dff5;font-weight:850}.result-primary h3{font-size:2rem;margin:8px 0}.result-primary p{color:#c0d8e7}.match-bars{display:grid;gap:12px;margin-top:24px}.match-row{display:grid;grid-template-columns:120px 1fr 42px;gap:12px;align-items:center;font-size:.79rem}.match-track{height:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.match-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint-400),var(--cyan-400));width:var(--score)}.result-secondary{display:grid;gap:18px}.result-card{padding:22px;border-radius:21px;border:1px solid var(--line);background:#fff}.result-card h4{margin:0 0 12px;color:var(--navy-950);font-size:1.05rem}.result-card ul{margin:0;padding-inline-start:18px;color:var(--muted);font-size:.87rem}.result-card li+li{margin-top:7px}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.assessment-disclaimer{font-size:.76rem;color:#7e92a5;text-align:center;margin-top:20px}

/* blog / articles */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{border:1px solid var(--line);background:#fff;border-radius:23px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.3s}.blog-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-md)}.blog-cover{height:210px;background:linear-gradient(145deg,#0a4270,#0a9fe4);position:relative;overflow:hidden}.blog-cover::before{content:"";position:absolute;inset:0;background:var(--bg);background-size:cover;background-position:center;opacity:.78}.blog-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(3,18,38,.35))}.blog-body{padding:24px}.blog-meta{display:flex;gap:10px;color:#7d91a3;font-size:.73rem;font-weight:750}.blog-body h3{font-size:1.3rem;line-height:1.35;margin:12px 0 9px;color:var(--navy-950)}.blog-body p{font-size:.9rem;color:var(--muted);margin:0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:55px;align-items:start}.article-body{background:#fff;border:1px solid var(--line);border-radius:26px;padding:44px;box-shadow:var(--shadow-sm)}.article-body h2,.article-body h3{color:var(--navy-950);line-height:1.25}.article-body h2{font-size:2rem;margin:36px 0 14px}.article-body h3{font-size:1.35rem;margin:28px 0 10px}.article-body p,.article-body li{color:#526b81}.article-body blockquote{margin:30px 0;padding:20px 22px;border-inline-start:4px solid var(--blue-500);background:#edf8fe;border-radius:0 16px 16px 0;color:#24465e;font-weight:700}.article-aside{position:sticky;top:120px;display:grid;gap:16px}.aside-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:22px}.aside-card h4{margin:0 0 12px;color:var(--navy-950)}

/* contact */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}.contact-panel{padding:34px;border-radius:25px}.contact-info{background:linear-gradient(145deg,var(--navy-950),#084c79);color:#fff;position:relative;overflow:hidden}.contact-info::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(120,229,255,.15);right:-120px;bottom:-120px;box-shadow:0 0 0 60px rgba(120,229,255,.035)}.contact-info>*{position:relative;z-index:2}.contact-info h2{font-size:2rem;margin:0 0 12px}.contact-info>p{color:#b9d4e6}.contact-lines{display:grid;gap:16px;margin-top:30px}.contact-line{display:flex;gap:13px;align-items:flex-start}.contact-line i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#84e9ff;font-style:normal;flex:none}.contact-line strong{display:block}.contact-line span,.contact-line a{display:block;color:#b5d0e2;font-size:.85rem}.contact-form{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.map-frame{min-height:420px;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:#e8f2f8;position:relative}.map-frame iframe{width:100%;height:100%;border:0;position:absolute;inset:0}

/* footer */
.site-footer{background:#031327;color:#a9c1d4;padding:74px 0 22px;position:relative;overflow:hidden}.site-footer::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(94,219,255,.07);right:-260px;top:-280px;box-shadow:0 0 0 95px rgba(94,219,255,.025)}html[dir="rtl"] .site-footer::before{right:auto;left:-260px}.footer-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr 1.1fr;gap:46px;position:relative;z-index:2}.footer-brand img{width:180px;height:90px;object-fit:contain;filter:brightness(0) invert(1);opacity:.94}.footer-brand p{max-width:380px;margin:18px 0 22px}.social-links{display:flex;gap:10px}.social-links a{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:.78rem;font-weight:900;transition:.2s}.social-links a:hover{background:var(--blue-600);transform:translateY(-3px)}.site-footer h4{color:#fff;margin:7px 0 18px;font-size:1rem}.footer-links{display:grid;gap:10px}.footer-links a:hover{color:#fff}.footer-contact{display:grid;gap:10px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:22px;margin-top:48px;font-size:.79rem;position:relative;z-index:2}

.whatsapp-float{position:fixed;z-index:70;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;height:58px;padding:0 18px;border-radius:17px;background:#13c77b;color:#fff;font-weight:900;box-shadow:0 18px 38px rgba(13,158,98,.32);transition:.25s}.whatsapp-float:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(13,158,98,.38)}.whatsapp-float svg{width:23px;height:23px}html[dir="rtl"] .whatsapp-float{right:auto;left:22px}

/* reveal + utilities */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in-view{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}
.hidden{display:none!important}.text-center{text-align:center}.mt-0{margin-top:0}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mt-4{margin-top:40px}.mb-0{margin-bottom:0}.soft-bg{background:#edf6fb}.white-bg{background:#fff}.eyebrow-light{color:#8deaff}.notice{padding:16px 18px;border-radius:15px;background:#edf8fe;border:1px solid #d5ebf7;color:#31536b;font-size:.88rem}.pill{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#e9f6fc;color:#1777ae;font-size:.73rem;font-weight:850}

/* root language gateway */
.gateway{min-height:100vh;display:grid;place-items:center;padding:40px;background:
 radial-gradient(circle at 15% 10%,rgba(57,210,255,.21),transparent 26rem),
 radial-gradient(circle at 90% 90%,rgba(114,103,248,.18),transparent 28rem),
 linear-gradient(145deg,var(--navy-950),#074e7c);color:#fff;position:relative;overflow:hidden}.gateway::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:60px 60px}.gateway-card{width:min(760px,100%);padding:48px;border-radius:32px;background:rgba(4,28,55,.66);border:1px solid rgba(141,229,255,.2);backdrop-filter:blur(18px);box-shadow:0 40px 100px rgba(0,10,30,.45);text-align:center;position:relative;z-index:2}.gateway-card img{width:210px;height:120px;object-fit:contain;margin:0 auto 14px;filter:brightness(0) invert(1)}.gateway-card h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05;margin:0 0 14px}.gateway-card p{color:#bad6e8;max-width:560px;margin:0 auto 28px}.gateway-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gateway-actions a{min-height:74px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:900;transition:.25s}.gateway-actions a:hover{background:#fff;color:var(--navy-950);transform:translateY(-4px)}

/* responsive */
@media (max-width:1180px){
  .nav-menu{position:fixed;top:122px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;padding:18px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg)}
  .nav-menu.open{display:flex}.nav-menu a{padding:13px 15px}.menu-toggle{display:flex}.nav-actions>.btn{display:none}
  .hero-grid{grid-template-columns:1fr .9fr;gap:26px}.hero h1{font-size:clamp(3.6rem,6.8vw,5.8rem)}.journey-scene{height:560px}.match-console{width:88%}
  .cards-4{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr)}.process-card::after{display:none}
}
@media (max-width:960px){
  .announcement{display:none}.nav-wrap{height:76px}.nav-menu{top:88px}
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-top:86px;padding-bottom:110px}.hero-copy{max-width:850px}.journey-scene{height:580px;max-width:700px;width:100%;margin:auto}.module-degree{left:1%}.module-visa{right:1%}
  .journey-layout,.split,.page-hero-grid,.contact-grid,.assessment-shell,.article-layout{grid-template-columns:1fr}.journey-sticky,.assessment-side,.article-aside{position:static}.feature-mosaic{grid-template-columns:1fr}.feature-large{grid-row:auto;min-height:520px}.cards-3,.university-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.life-grid{grid-template-columns:1fr}.media-card{min-height:450px}.life-stack{grid-template-columns:1fr 1fr}.stats-band{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2){border-inline-end:0}.stat-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.result-grid{grid-template-columns:1fr}.page-hero-card{max-width:620px}
}
@media (max-width:720px){
  .container,.container-narrow{width:min(100% - 28px,var(--container))}.section{padding:78px 0}.section-sm{padding:52px 0}.section-head{align-items:start;flex-direction:column;margin-bottom:34px}.section-title{font-size:2.55rem}
  .brand img{width:120px;height:58px}.nav-wrap{gap:12px}.lang-switch{min-width:50px;height:42px}.menu-toggle{width:42px;height:42px}.nav-menu{left:14px;right:14px}
  .hero-grid{padding-top:64px;gap:10px}.hero h1{font-size:3.5rem}.hero-copy>p{font-size:1rem}.hero-actions .btn{width:100%}.hero-metrics{gap:24px}.journey-scene{height:480px;margin-top:10px}.match-console{width:94%;height:360px;padding:15px}.console-body{height:285px;grid-template-columns:1fr 1fr;gap:10px}.profile-panel{padding:12px}.profile-avatar{width:42px;height:42px}.skill-list{gap:7px}.float-module{min-width:140px;padding:11px}.module-degree{left:-4%;top:5%}.module-visa{right:-4%;top:25%}.module-campus{display:none}.campus-cluster{transform:scale(.72) rotateX(58deg) rotateZ(-28deg);right:-25px;bottom:-5px}.hero::after{display:none}
  .cards-3,.cards-4,.university-grid,.blog-grid,.process-grid{grid-template-columns:1fr}.feature-large{padding:28px;min-height:500px}.feature-panel{min-height:auto}.data-radar{width:250px;height:250px}.journey-point{grid-template-columns:55px 1fr;gap:16px}.point-index{width:52px;height:52px}.journey-point::before{inset-inline-start:25px;top:76px}.life-stack{grid-template-columns:1fr}.media-card,.media-card.small{min-height:360px}.cta-panel{align-items:flex-start;flex-direction:column;padding:30px}.cta-panel .btn{width:100%}.page-hero{padding:82px 0}.page-hero h1{font-size:3.55rem}.stats-band{grid-template-columns:1fr}.stat-item{border-inline-end:0;border-bottom:1px solid var(--line)!important}.stat-item:last-child{border-bottom:0!important}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.whatsapp-float span{display:none}.whatsapp-float{width:58px;padding:0;justify-content:center;border-radius:50%}.contact-panel{padding:25px}.form-grid,.profile-form{grid-template-columns:1fr}.field.full{grid-column:auto}.assessment-main{min-height:640px}.assessment-top{padding:18px}.assessment-body{padding:28px 20px}.answer-scale{grid-template-columns:1fr}.scale-labels{display:none}.answer-option label{min-height:58px;flex-direction:row}.assessment-nav{flex-direction:column-reverse}.assessment-nav .btn{width:100%}.match-row{grid-template-columns:95px 1fr 36px}.article-body{padding:26px}.gateway{padding:18px}.gateway-card{padding:30px 22px}.gateway-actions{grid-template-columns:1fr}
}
@media (max-width:430px){
  .hero h1{font-size:3rem}.journey-scene{height:430px}.match-console{height:330px}.console-body{height:255px}.profile-panel{grid-row:span 1}.fit-panel{display:none}.route-panel{grid-column:2;grid-row:1}.profile-panel{grid-column:1;grid-row:1}.float-module{display:none}.campus-cluster{display:none}.page-hero h1{font-size:3rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}.match-console{transform:translate(-50%,-50%) rotateX(5deg) rotateY(-10deg)}
}
/* Bidirectional contact-number isolation */
a[href^="tel:"], a[href^="https://wa.me/"], .announcement-links a, .contact-line a { direction:ltr; unicode-bidi:isolate; }
.metric strong, .mini-stat strong, [data-count], .match-row strong { direction:ltr; unicode-bidi:isolate; }


/* =========================================================
   MAJESTY V4 — usability, bilingual 3D education scene, leads
   ========================================================= */
:root{--v4-navy:#041a38;--v4-blue:#0878d8;--v4-cyan:#13b9ee;--v4-ice:#eaf7ff;--v4-mint:#42dfbf;--v4-text:#09233e;--v4-muted:#5f7488}
html[lang="ar"] body{font-family:"Almarai","Tajawal",Tahoma,Arial,sans-serif}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{letter-spacing:0}
.announcement .container{display:flex;justify-content:space-between;align-items:center;gap:20px}.announcement a{color:inherit;font-weight:850}
.nav-menu{gap:2px}.nav-menu a{font-size:.85rem}.nav-cta{white-space:nowrap}.brand img{height:68px;width:auto;object-fit:contain}
.hero-v4{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 15%,rgba(19,185,238,.30),transparent 25rem),radial-gradient(circle at 9% 90%,rgba(114,103,248,.18),transparent 28rem),linear-gradient(135deg,#03152e,#063c69 62%,#0879b8);color:#fff;min-height:760px;display:flex;align-items:center;padding:90px 0 80px}
.hero-v4:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 95%)}
.hero-v4-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,.95fr);align-items:center;gap:64px}
html[dir="rtl"] .hero-v4-grid{grid-template-columns:minmax(520px,.95fr) minmax(0,1fr)}
html[dir="rtl"] .hero-v4-copy{grid-column:2}html[dir="rtl"] .edu-scene{grid-column:1;grid-row:1}
.hero-v4-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid rgba(151,231,255,.28);border-radius:999px;background:rgba(6,39,75,.52);color:#c9efff;font-weight:800;font-size:.85rem}.hero-v4-badge i{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--v4-mint);color:#05253d;font-style:normal}
.hero-v4-copy h1{font-size:clamp(3.4rem,6.6vw,6.5rem);line-height:1.22;margin:22px 0 20px;padding-block:.08em;overflow:visible;font-weight:950;max-width:820px}.hero-v4-copy h1 span{display:inline-block;background:linear-gradient(90deg,#a4efff,#24c4f2 55%,#9e98ff);-webkit-background-clip:text;color:transparent;padding-bottom:.09em}
html[lang="ar"] .hero-v4-copy h1{font-size:clamp(3.2rem,5.7vw,5.75rem);line-height:1.30;word-spacing:.035em}
.hero-v4-copy>p{font-size:1.12rem;line-height:1.95;color:#c7deed;max-width:690px;margin:0}.hero-v4-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.hero-v4 .btn-ghost{border-color:rgba(255,255,255,.27);background:rgba(255,255,255,.07);color:#fff}.hero-v4-proof{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:26px;color:#b8d5e6;font-size:.78rem;font-weight:750}.hero-v4-proof span{display:flex;align-items:center;gap:7px}.hero-v4-proof i{color:var(--v4-mint);font-style:normal}
.edu-scene{height:590px;position:relative;perspective:1300px;transform-style:preserve-3d;--mx:0;--my:0}.edu-aura{position:absolute;width:470px;height:470px;border-radius:50%;inset:62px 40px auto auto;background:radial-gradient(circle,rgba(45,203,255,.32),rgba(12,99,176,.10) 48%,transparent 70%);filter:blur(4px)}html[dir="rtl"] .edu-aura{inset:62px auto auto 40px}
.edu-console{position:absolute;width:430px;height:390px;left:72px;top:84px;border:1px solid rgba(153,229,255,.25);border-radius:30px;background:linear-gradient(145deg,rgba(8,49,89,.92),rgba(4,28,59,.82));box-shadow:0 48px 100px rgba(0,9,28,.45),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(18px);transform:rotateY(calc(var(--mx)*-8deg)) rotateX(calc(var(--my)*7deg)) translateZ(20px);transition:transform .2s ease;overflow:hidden}.edu-console:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.08) 42%,transparent 58%);transform:translateX(-100%);animation:consoleShine 7s ease-in-out infinite}.edu-console-head{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.72rem;font-weight:900;letter-spacing:.08em;color:#d6f3ff}.edu-console-head span{display:flex;align-items:center;gap:8px}.edu-console-head i{width:8px;height:8px;border-radius:50%;background:var(--v4-mint);box-shadow:0 0 15px var(--v4-mint)}.edu-console-head b{padding:6px 9px;border-radius:999px;background:rgba(66,223,191,.12);color:#7ff4dc}.edu-console-body{padding:22px}.edu-profile{display:flex;align-items:center;gap:13px}.edu-avatar{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#14b9ee,#6c6cf4);font-weight:950}.edu-profile strong,.edu-profile small{display:block}.edu-profile small{color:#86aec8;margin-top:3px}.edu-progress-label{display:flex;justify-content:space-between;align-items:end;margin-top:23px;color:#9fc1d6;font-size:.74rem}.edu-progress-label b{font-size:1.35rem;color:#fff}.edu-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.08);margin-top:8px;overflow:hidden}.edu-progress i{display:block;width:84%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--v4-mint),var(--v4-cyan));animation:progressGlow 3s ease-in-out infinite}.edu-skills{display:grid;gap:10px;margin-top:20px}.edu-skills span{font-size:.67rem;color:#a7c8dc;display:grid;grid-template-columns:120px 1fr;align-items:center;gap:8px}.edu-skills i{height:5px;border-radius:999px;background:linear-gradient(90deg,#32c7f3 var(--w),rgba(255,255,255,.07) var(--w));position:relative}.edu-match{position:absolute;right:22px;bottom:22px;width:172px;padding:15px;border:1px solid rgba(130,222,255,.18);border-radius:18px;background:rgba(7,57,101,.72)}html[dir="rtl"] .edu-match{right:auto;left:22px}.edu-match small,.edu-match strong{display:block}.edu-match small{color:#79cce8;font-size:.65rem}.edu-match strong{font-size:.88rem;margin-top:5px}.match-score{display:flex;align-items:center;gap:8px;margin-top:11px}.match-score i{flex:1;height:5px;border-radius:999px;background:linear-gradient(90deg,#42dfbf 91%,rgba(255,255,255,.08) 91%)}.match-score b{font-size:.75rem}
.edu-float{position:absolute;min-width:205px;padding:16px 18px;border-radius:20px;border:1px solid rgba(140,226,255,.24);background:rgba(5,38,75,.84);box-shadow:0 25px 55px rgba(0,11,31,.38);backdrop-filter:blur(14px);transform-style:preserve-3d;animation:eduFloat 5.5s ease-in-out infinite}.edu-float strong,.edu-float small{display:block}.edu-float strong{font-size:.86rem;margin-top:8px}.edu-float small{font-size:.68rem;color:#8eb6ce;margin-top:3px}.edu-icon{width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,rgba(19,185,238,.25),rgba(126,113,246,.25));display:grid;place-items:center;font-size:1.15rem}.edu-university{top:30px;left:3px;transform:translateZ(150px) rotateY(8deg)}.edu-visa{right:-4px;top:215px;transform:translateZ(175px) rotateY(-8deg);animation-delay:-1.8s}.edu-arrival{left:5px;bottom:22px;transform:translateZ(140px) rotateY(7deg);animation-delay:-3.1s}html[dir="rtl"] .edu-university{left:auto;right:3px}html[dir="rtl"] .edu-visa{right:auto;left:-4px}html[dir="rtl"] .edu-arrival{left:auto;right:5px}
.edu-orbit{position:absolute;border:1px solid rgba(116,223,255,.25);border-radius:50%;transform:rotateX(68deg) rotateZ(-18deg);animation:orbitSpin 12s linear infinite}.orbit-one{width:500px;height:190px;left:44px;top:188px}.orbit-two{width:400px;height:140px;left:95px;top:220px;animation-direction:reverse;animation-duration:16s}.edu-book{position:absolute;width:145px;height:110px;right:65px;bottom:28px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-24deg) translateZ(100px);animation:bookFloat 4.8s ease-in-out infinite}html[dir="rtl"] .edu-book{right:auto;left:65px;transform:rotateX(58deg) rotateZ(24deg) translateZ(100px)}.book-left,.book-right{position:absolute;top:15px;width:70px;height:75px;background:linear-gradient(145deg,#1ebff0,#0876c9);border:1px solid rgba(255,255,255,.25);box-shadow:0 15px 32px rgba(0,0,0,.28)}.book-left{left:0;transform:skewY(14deg);border-radius:8px 2px 12px 8px}.book-right{right:0;transform:skewY(-14deg);border-radius:2px 8px 8px 12px}.book-spine{position:absolute;width:8px;height:84px;left:69px;top:10px;background:#70e0ff;transform:rotateX(12deg)}
@keyframes consoleShine{0%,65%{transform:translateX(-120%)}85%,100%{transform:translateX(130%)}}@keyframes progressGlow{50%{filter:brightness(1.35)}}@keyframes eduFloat{50%{margin-top:-14px}}@keyframes orbitSpin{to{transform:rotateX(68deg) rotateZ(342deg)}}@keyframes bookFloat{50%{margin-bottom:12px}}
.impact-strip{background:#fff;border-bottom:1px solid #e1ebf3}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:30px}.impact-grid article{padding:10px 34px;border-inline-end:1px solid #dfe9f1}.impact-grid article:last-child{border:0}.impact-grid strong{display:block;color:var(--v4-text);font-size:1.55rem;line-height:1.2}.impact-grid span{display:block;color:var(--v4-muted);margin-top:6px;font-size:.86rem;line-height:1.55}
.section-head-v4{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end;margin-bottom:44px}.section-head-v4 h2{font-size:clamp(2.3rem,4.5vw,4.4rem);line-height:1.18;margin:8px 0 0;color:var(--v4-text)}html[lang="ar"] .section-head-v4 h2{line-height:1.32}.section-head-v4>p{color:var(--v4-muted);font-size:1.03rem;line-height:1.9;margin:0}.path-section{background:linear-gradient(180deg,#f6faff,#fff)}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.path-step{background:#fff;border:1px solid #dce8f1;border-radius:25px;padding:26px;box-shadow:0 18px 45px rgba(9,43,74,.06);min-height:245px;position:relative;overflow:hidden}.path-step:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(19,185,238,.13),transparent 67%);inset:auto -55px -60px auto}.path-step>b{display:grid;place-items:center;width:47px;height:47px;border-radius:15px;background:linear-gradient(145deg,#e2f7ff,#eff0ff);color:#0872c8;font-size:.8rem}.path-step h3{margin:25px 0 10px;color:var(--v4-text);font-size:1.2rem}.path-step p{color:var(--v4-muted);font-size:.91rem;line-height:1.75;margin:0}
.assessment-feature{background:#061c3b;color:#fff;overflow:hidden;position:relative}.assessment-feature:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,rgba(19,185,238,.22),transparent 68%);inset:-180px -100px auto auto}.assessment-feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;position:relative}.assessment-feature-copy h2{font-size:clamp(2.5rem,4.7vw,4.8rem);line-height:1.17;margin:12px 0 22px}.assessment-feature-copy p{color:#bed8e8;line-height:1.9;font-size:1.03rem}.feature-checks{display:grid;gap:10px;margin:24px 0;color:#d8eff9;font-size:.9rem}.feature-checks span::first-letter{color:var(--v4-mint)}.radar-card{width:min(100%,490px);margin:auto;padding:27px;border:1px solid rgba(132,223,255,.23);border-radius:30px;background:linear-gradient(145deg,rgba(10,62,106,.86),rgba(4,32,67,.86));box-shadow:0 40px 90px rgba(0,0,0,.32)}.radar-card>span{font-size:.78rem;font-weight:850;color:#c8eefe}.radar-card svg{display:block;width:78%;margin:14px auto}.radar-lines polygon,.radar-lines line{fill:none;stroke:rgba(161,229,255,.18);stroke-width:1.2}.radar-fill{fill:rgba(31,194,236,.23);stroke:#58d9f8;stroke-width:2;animation:radarPulse 4s ease-in-out infinite}.radar-points circle{fill:#fff;stroke:#37c9ee;stroke-width:3}.radar-results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.radar-results span{padding:10px;border-radius:12px;background:rgba(255,255,255,.05);font-size:.63rem;color:#9fc4d7}.radar-results b{display:block;font-size:.9rem;color:#fff;margin-top:3px}
.university-network{background:#fff;border-block:1px solid #e2ecf3;overflow:hidden;padding:28px 0}.network-title{text-align:center;color:#607a91;font-size:.8rem;font-weight:850;margin-bottom:22px}.network-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.network-marquee>div{display:flex;width:max-content;gap:14px;animation:marquee 32s linear infinite}.network-marquee span{min-width:145px;height:62px;border:1px solid #dfebf3;border-radius:18px;background:#fbfdff;display:grid;place-items:center;color:#48647b;font-weight:950}
.tips-section{background:#f5f9fd}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tip-card{background:#fff;border:1px solid #dce8f1;border-radius:24px;padding:27px;min-height:270px;box-shadow:0 16px 42px rgba(8,44,78,.055);display:flex;flex-direction:column}.tip-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#e6f8ff,#eeefff);color:#0875cc;font-weight:950;font-size:.78rem}.tip-card h3{color:var(--v4-text);font-size:1.2rem;line-height:1.45;margin:22px 0 10px}.tip-card p{color:var(--v4-muted);line-height:1.75;font-size:.9rem;margin:0}.tip-card a{margin-top:auto;padding-top:18px;color:#0876ce;font-weight:850;display:inline-flex;align-items:center;gap:8px}.tip-card a svg{width:17px}.center-action{text-align:center;margin-top:32px}
.lead-section{background:linear-gradient(180deg,#fff,#eef7fd)}.lead-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:52px;padding:48px;border-radius:32px;background:#fff;border:1px solid #dce8f1;box-shadow:0 32px 80px rgba(8,43,76,.10)}.lead-copy h2{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.25;color:var(--v4-text);margin:10px 0 16px}.lead-copy p{color:var(--v4-muted);line-height:1.8}.lead-copy ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px}.lead-copy li{position:relative;padding-inline-start:25px;color:#36566f;font-size:.9rem}.lead-copy li:before{content:"✓";position:absolute;inset-inline-start:0;color:#0bbf9d;font-weight:950}.lead-form .form-grid,.assessment-profile-form .form-grid{grid-template-columns:repeat(2,1fr)}.check-row{display:flex;align-items:flex-start;gap:10px;margin:13px 0;color:#5d7488;font-size:.78rem;line-height:1.6}.check-row input{margin-top:4px;flex:0 0 auto}.check-row a{color:#0876ce;text-decoration:underline}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{margin-top:13px;font-size:.82rem;min-height:1.2em}.form-status.success{color:#08775f}.form-status.loading{color:#286487}.form-wa-link{font-weight:850;text-decoration:underline;color:#0876ce}
.page-hero{padding:105px 0 70px;background:linear-gradient(145deg,#041a38,#075d93);color:#fff;text-align:center}.page-hero h1{font-size:clamp(2.8rem,5.4vw,5.2rem);line-height:1.25;margin:12px auto 20px;max-width:1000px}.page-hero p{color:#c8dfed;max-width:780px;margin:auto;line-height:1.9}.narrow{max-width:980px}.assessment-facts{display:flex;justify-content:center;gap:18px;margin-top:30px}.assessment-facts span{min-width:135px;padding:14px;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:rgba(255,255,255,.06);color:#bad8e8;font-size:.75rem}.assessment-facts b{display:block;color:#fff;font-size:1.45rem}.assessment-shell-section{background:#f4f8fc}.assessment-app-v4{max-width:1040px;margin:auto;background:#fff;border:1px solid #dbe7ef;border-radius:30px;box-shadow:0 30px 80px rgba(8,44,76,.10);overflow:hidden}.assessment-progress-v4{height:58px;position:relative;background:#f8fbfd;border-bottom:1px solid #e1eaf1}.assessment-progress-v4>i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,rgba(19,185,238,.16),rgba(66,223,191,.16));border-inline-end:3px solid #13b9ee;transition:width .35s}.assessment-progress-v4 span{position:absolute;inset:0;display:grid;place-items:center;color:#567086;font-weight:850;font-size:.78rem}.assessment-content-v4{padding:44px}.assessment-profile{max-width:850px;margin:auto}.assessment-profile h2,.result-v4>h2{font-size:clamp(2rem,3.8vw,3.6rem);color:var(--v4-text);line-height:1.27;margin:8px 0 14px}.assessment-profile>p,.result-v4>p{color:var(--v4-muted);line-height:1.8}.assessment-profile-form{margin-top:30px}.question-v4{max-width:900px;margin:auto}.question-category{display:inline-flex;padding:7px 10px;border-radius:10px;background:#e8f6fd;color:#0876c7;font-size:.72rem;font-weight:900}.question-count{color:#71879a;font-size:.78rem;margin-top:18px}.question-v4 h2{font-size:clamp(1.65rem,3vw,2.6rem);color:var(--v4-text);line-height:1.5;margin:15px 0 28px}.likert-v4{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.likert-v4 input{position:absolute;opacity:0}.likert-v4 span{display:flex;min-height:125px;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #d9e6ef;border-radius:18px;padding:13px;cursor:pointer;transition:.2s;background:#fbfdff}.likert-v4 b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#edf5fa;color:#37647f}.likert-v4 small{color:#687f92;font-size:.68rem;line-height:1.45;margin-top:9px}.likert-v4 input:checked+span{border-color:#15aee5;background:#eaf8fe;box-shadow:0 0 0 3px rgba(19,185,238,.12)}.likert-v4 input:checked+span b{background:linear-gradient(145deg,#0a83d9,#14bbed);color:#fff}.assessment-nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.result-v4{max-width:940px;margin:auto}.result-cards{display:grid;gap:18px;margin-top:30px}.result-card{position:relative;padding:27px;border:1px solid #dbe7ef;border-radius:23px;background:#fbfdff}.result-card.primary{background:linear-gradient(145deg,#e8f8ff,#f5f3ff);border-color:#9edaf1}.result-rank{position:absolute;inset-block-start:22px;inset-inline-end:22px;color:#a3b5c2;font-weight:950}.result-card h3{font-size:1.55rem;color:var(--v4-text);margin:15px 0}.result-card h4{font-size:.78rem;color:#567086;margin:17px 0 6px}.result-card p{color:#5e7487;line-height:1.7;margin:0}.result-score{max-width:320px}.result-score>span{color:#6d8497;font-size:.72rem}.result-score>b{float:inline-end;color:#0876cc}.result-score i{display:block;clear:both;height:7px;border-radius:999px;background:#e0eaf1;margin-top:9px;overflow:hidden}.result-score em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#12b8ed,#42dfbf)}.result-tags{display:flex;flex-wrap:wrap;gap:7px}.result-tags span{padding:7px 9px;border-radius:9px;background:#edf5fa;color:#436279;font-size:.72rem}.result-save{padding:12px 14px;border-radius:12px;background:#e8f8f3;color:#08765e;margin-top:20px;font-size:.8rem}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.assessment-disclaimer{font-size:.72rem!important;background:#f4f7f9;padding:14px;border-radius:12px;margin-top:18px!important}
.tips-hero{text-align:start}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card{padding:28px;border:1px solid #dce8f1;border-radius:24px;background:#fff;box-shadow:0 16px 42px rgba(8,44,78,.055);min-height:275px;display:flex;flex-direction:column}.guide-card>span{align-self:flex-start;padding:7px 10px;border-radius:9px;background:#e8f6fd;color:#0876c7;font-size:.7rem;font-weight:900}.guide-card h2{font-size:1.35rem;line-height:1.45;color:var(--v4-text);margin:20px 0 10px}.guide-card p{color:var(--v4-muted);line-height:1.75}.guide-card a{margin-top:auto;color:#0876ce;font-weight:850;display:flex;align-items:center;gap:8px}.guide-card svg{width:17px}.article-hero,.legal-hero{padding:105px 0 65px;background:linear-gradient(145deg,#041a38,#075d93);color:#fff}.article-container{max-width:850px}.article-back{display:inline-block;color:#9fe9ff;margin-bottom:24px}.article-hero h1,.legal-hero h1{font-size:clamp(2.7rem,5.2vw,5rem);line-height:1.25;margin:12px 0 20px}.article-hero p,.legal-hero p{color:#c7dfed;line-height:1.9;font-size:1.04rem}.article-body,.legal-body{padding:70px 0;background:#fff}.article-body section,.legal-body section{padding:0 0 32px;margin-bottom:32px;border-bottom:1px solid #e1eaf1}.article-body h2,.legal-body h2{font-size:1.5rem;color:var(--v4-text);margin:0 0 11px}.article-body p,.legal-body p{color:#536b80;line-height:2}.article-cta{padding:30px;border-radius:22px;background:#eef8fd}.article-cta h2{font-size:1.6rem}.legal-updated{font-weight:850}.cookie-settings-link{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer}.cookie-banner{position:fixed;z-index:10000;inset:auto 18px 18px 18px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;border-radius:22px;background:rgba(4,27,56,.96);border:1px solid rgba(147,223,255,.22);box-shadow:0 24px 70px rgba(0,0,0,.35);color:#fff;backdrop-filter:blur(16px)}.cookie-banner b{font-size:1rem}.cookie-banner p{margin:5px 0 0;color:#bcd6e6;font-size:.78rem}.cookie-banner a{color:#8de7ff;text-decoration:underline}.cookie-banner-actions{display:flex;gap:8px;flex-shrink:0}.cookie-banner .btn{padding:11px 16px;font-size:.76rem}.cookie-modal{position:fixed;z-index:10001;inset:0;background:rgba(1,12,28,.7);display:grid;place-items:center;padding:18px}.cookie-dialog{width:min(100%,590px);max-height:90vh;overflow:auto;background:#fff;border-radius:25px;padding:30px;box-shadow:0 35px 90px rgba(0,0,0,.35);position:relative}.cookie-dialog h2{color:var(--v4-text);font-size:1.8rem}.cookie-dialog>p{color:var(--v4-muted);line-height:1.65}.cookie-close{position:absolute;inset-block-start:16px;inset-inline-end:16px;width:38px;height:38px;border-radius:50%;border:1px solid #dce6ed;background:#f5f9fb;font-size:1.4rem;cursor:pointer}.cookie-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid #e3ebf1}.cookie-row b,.cookie-row small{display:block}.cookie-row b{color:var(--v4-text)}.cookie-row small{color:#6c8294;margin-top:3px}.cookie-row input{width:20px;height:20px}.cookie-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.cookie-policy{font-size:.75rem!important}.cookie-policy a{color:#0876ce;text-decoration:underline}.footer-grid-v4{grid-template-columns:1.2fr repeat(4,.7fr)}
@media(max-width:1180px){.hero-v4-grid,html[dir="rtl"] .hero-v4-grid{grid-template-columns:1fr;gap:30px}.hero-v4-copy,html[dir="rtl"] .hero-v4-copy{grid-column:auto}.edu-scene,html[dir="rtl"] .edu-scene{grid-column:auto;grid-row:auto;width:min(100%,650px);margin:auto}.path-grid{grid-template-columns:repeat(2,1fr)}.footer-grid-v4{grid-template-columns:1.2fr repeat(2,1fr)}.footer-grid-v4>div:last-child{grid-column:span 2}.nav-menu a{font-size:.79rem;padding-inline:7px}.nav-cta{display:none}}
@media(max-width:860px){.hero-v4{padding-top:65px;min-height:auto}.hero-v4-copy h1,html[lang="ar"] .hero-v4-copy h1{font-size:clamp(3rem,12vw,4.6rem);line-height:1.3}.edu-scene{height:520px;transform:scale(.88);transform-origin:center top;margin-bottom:-60px}.impact-grid{grid-template-columns:1fr}.impact-grid article{border-inline-end:0;border-bottom:1px solid #e1eaf1;padding:18px 0}.impact-grid article:last-child{border:0}.section-head-v4{grid-template-columns:1fr}.assessment-feature-grid{grid-template-columns:1fr;gap:45px}.tips-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.lead-panel{grid-template-columns:1fr}.likert-v4{grid-template-columns:1fr}.likert-v4 span{min-height:auto;flex-direction:row;justify-content:flex-start;text-align:start;gap:14px}.likert-v4 small{margin:0}.cookie-banner{align-items:flex-start;flex-direction:column}.cookie-banner-actions{width:100%;flex-wrap:wrap}.footer-grid-v4{grid-template-columns:1fr 1fr}.footer-grid-v4>.footer-brand{grid-column:span 2}}
@media(max-width:620px){.announcement .container{justify-content:center;text-align:center}.announcement a{display:none}.hero-v4-grid{gap:10px}.hero-v4-copy h1,html[lang="ar"] .hero-v4-copy h1{font-size:clamp(2.65rem,13vw,4rem)}.hero-v4-copy>p{font-size:1rem}.hero-v4-actions .btn{width:100%;justify-content:center}.edu-scene{height:440px;transform:scale(.7);width:142%;margin-inline:-21%;margin-bottom:-115px}.path-grid,.tips-grid,.guide-grid{grid-template-columns:1fr}.assessment-feature-copy h2{font-size:2.5rem}.lead-panel{padding:27px 20px}.lead-form .form-grid,.assessment-profile-form .form-grid{grid-template-columns:1fr}.assessment-content-v4{padding:26px 18px}.assessment-facts{gap:8px}.assessment-facts span{min-width:0;flex:1}.cookie-banner{inset:auto 10px 10px 10px;padding:17px}.cookie-banner-actions .btn{flex:1}.footer-grid-v4{grid-template-columns:1fr}.footer-grid-v4>.footer-brand,.footer-grid-v4>div:last-child{grid-column:auto}.article-hero h1,.legal-hero h1{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){.edu-console,.edu-float,.edu-orbit,.edu-book,.radar-fill,.network-marquee>div{animation:none!important;transition:none!important}}

.contact-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-quick-grid a{color:#0876ce;font-weight:850}.contact-quick-grid p{color:#5f7488}@media(max-width:760px){.contact-quick-grid{grid-template-columns:1fr}}

/* =========================================================
   MAJESTY V5 — Arabic RTL precision + refined motion system
   ========================================================= */
:root{
  --motion-fast:220ms;
  --motion-medium:520ms;
  --motion-slow:900ms;
  --motion-ease:cubic-bezier(.22,1,.36,1);
}

/* Arabic typography and true right alignment */
html[dir="rtl"] body{
  direction:rtl;
  text-align:right;
  font-feature-settings:"kern" 1,"liga" 1;
}
html[dir="rtl"] :where(
  .hero-v4-copy,.hero-v4-copy>p,.hero-v4-proof,
  .section-head-v4,.section-head-v4>div,.section-head-v4>p,
  .impact-grid article,.path-step,.assessment-feature-copy,
  .tip-card,.guide-card,.lead-copy,.lead-form,.field,
  .assessment-profile,.question-v4,.result-v4,.result-card,
  .article-container,.article-body,.legal-body,.legal-hero,
  .footer-brand,.footer-links,.footer-contact,.cookie-dialog,
  .card,.card-body,.feature-panel,.program-card,.media-content,
  .journey-sticky,.journey-point,.contact-quick-grid>*,
  .page-hero,.page-hero-copy,.service-card,.university-card
){text-align:right}
html[dir="rtl"] :where(h1,h2,h3,h4,h5,h6,p,li,label,small){text-wrap:pretty}
html[dir="rtl"] :where(h1,h2,h3,h4,h5,h6){line-height:1.36}
html[dir="rtl"] :where(p,li){line-height:1.95}
html[dir="rtl"] .section-kicker{justify-content:flex-start;text-align:right}
html[dir="rtl"] .section-title,
html[dir="rtl"] .section-lead,
html[dir="rtl"] .section-head-v4 h2,
html[dir="rtl"] .section-head-v4>p{margin-inline-start:0;margin-inline-end:0}
html[dir="rtl"] .hero-v4-copy{justify-self:end;width:100%}
html[dir="rtl"] .hero-v4-copy>p{max-width:720px;margin-inline-start:auto;margin-inline-end:0}
html[dir="rtl"] .hero-v4-actions,
html[dir="rtl"] .hero-v4-proof,
html[dir="rtl"] .result-actions{justify-content:flex-start}
html[dir="rtl"] .network-title{text-align:right}
html[dir="rtl"] .center-action{text-align:center}
html[dir="rtl"] .btn,html[dir="rtl"] button{text-align:center}
html[dir="rtl"] .field label{display:block;text-align:right}
html[dir="rtl"] :where(input,select,textarea){text-align:right;direction:rtl}
html[dir="rtl"] :where(input[type="email"],input[type="tel"],input[inputmode="tel"]){direction:ltr;text-align:left}
html[dir="rtl"] .footer-contact :where(a[href^="mailto:"],a[href^="tel:"],span){direction:ltr;unicode-bidi:isolate;text-align:left}
html[dir="rtl"] .edu-console,
html[dir="rtl"] .edu-float,
html[dir="rtl"] .edu-match,
html[dir="rtl"] .radar-card{text-align:right;direction:rtl}
html[dir="rtl"] .edu-console-head,
html[dir="rtl"] .edu-profile,
html[dir="rtl"] .edu-progress-label{direction:rtl}
html[dir="rtl"] .edu-skills span{grid-template-columns:125px 1fr;text-align:right}
html[dir="rtl"] .radar-results span{text-align:right}

/* Hero heading rebuilt as two clean lines; no clipping or overlap */
.hero-title-line{display:block;overflow:visible;padding-block:.08em .15em}
.hero-title-main{color:#fff}
.hero-title-gradient{
  background:linear-gradient(100deg,#a6f2ff 0%,#27c8f5 42%,#74bfff 72%,#a59cff 100%);
  background-size:180% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:titleGradient 7s ease-in-out infinite alternate;
}
html[lang="ar"] .hero-v4-copy h1{
  line-height:1.23;
  margin:20px 0 22px;
  padding:0 0 .08em;
  overflow:visible;
  max-width:850px;
  word-spacing:.06em;
}
html[lang="ar"] .hero-title-line+ .hero-title-line{margin-top:.02em}
@keyframes titleGradient{to{background-position:100% 50%}}

/* Refined text rhythm */
.section-head-v4 h2{max-width:880px;text-wrap:balance}
.section-head-v4>p{max-width:580px}
.hero-v4-copy>p,.assessment-feature-copy p,.lead-copy p{font-size:1.08rem}
.path-step h3,.tip-card h3,.guide-card h2{line-height:1.55}
.path-step p,.tip-card p,.guide-card p{line-height:1.9}

/* Scroll progress */
.site-progress{
  position:fixed;z-index:10020;inset-block-start:0;inset-inline-start:0;
  width:var(--site-progress,0%);height:3px;pointer-events:none;
  background:linear-gradient(90deg,var(--v4-cyan),var(--v4-mint),var(--violet-400));
  box-shadow:0 0 14px rgba(57,210,255,.65);
  transition:width 80ms linear;
}

/* Calm, educational ambient motion */
.hero-v4:before{animation:gridDrift 26s linear infinite}
@keyframes gridDrift{to{background-position:52px 52px}}
.hero-v4-badge{animation:badgeBreathe 4.8s ease-in-out infinite}
@keyframes badgeBreathe{50%{transform:translateY(-4px);box-shadow:0 12px 30px rgba(3,20,45,.22)}}
.edu-aura{animation:auraBreathe 6s ease-in-out infinite}
@keyframes auraBreathe{50%{transform:scale(1.08);opacity:.82;filter:blur(8px)}}
.edu-console{animation:consoleHover 6.5s ease-in-out infinite}
@keyframes consoleHover{50%{top:76px;box-shadow:0 58px 115px rgba(0,9,28,.52),inset 0 1px rgba(255,255,255,.1)}}
.edu-orbit::before{
  content:"";position:absolute;width:10px;height:10px;border-radius:50%;
  inset-block-start:50%;inset-inline-start:-5px;
  background:#9af2ff;box-shadow:0 0 18px #39d2ff,0 0 34px rgba(57,210,255,.6)
}
.edu-orbit::after{
  content:"";position:absolute;width:6px;height:6px;border-radius:50%;
  inset-block-start:16%;inset-inline-end:9%;
  background:var(--v4-mint);box-shadow:0 0 14px var(--v4-mint)
}
.edu-avatar{animation:avatarPulse 4s ease-in-out infinite}
@keyframes avatarPulse{50%{box-shadow:0 0 0 8px rgba(19,185,238,.10),0 12px 24px rgba(0,0,0,.15)}}
.edu-progress i{position:relative;overflow:hidden}
.edu-progress i::after{
  content:"";position:absolute;inset:0;width:35%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  animation:progressSweep 3.4s ease-in-out infinite
}
@keyframes progressSweep{from{transform:translateX(-180%)}to{transform:translateX(380%)}}

/* Hero entrance choreography */
body:not(.page-ready) .hero-v4-copy>*{opacity:0;transform:translateY(20px)}
body.page-ready .hero-v4-copy>*{animation:heroItemIn .78s var(--motion-ease) both}
body.page-ready .hero-v4-copy>*:nth-child(2){animation-delay:.08s}
body.page-ready .hero-v4-copy>*:nth-child(3){animation-delay:.16s}
body.page-ready .hero-v4-copy>*:nth-child(4){animation-delay:.24s}
body.page-ready .hero-v4-copy>*:nth-child(5){animation-delay:.32s}
body:not(.page-ready) .edu-scene{opacity:0;filter:blur(12px)}
body.page-ready .edu-scene{animation:sceneReveal 1.05s .18s var(--motion-ease) both}
@keyframes heroItemIn{to{opacity:1;transform:none}}
@keyframes sceneReveal{to{opacity:1;filter:none}}

/* More polished reveal and stagger */
.reveal{
  opacity:0;transform:translateY(34px) scale(.985);filter:blur(7px);
  transition:opacity .82s var(--motion-ease),transform .82s var(--motion-ease),filter .82s var(--motion-ease);
  transition-delay:var(--reveal-delay,0ms)
}
.reveal.in-view{opacity:1;transform:none;filter:none}
html[dir="rtl"] .section-head-v4 .reveal:nth-child(odd){transform:translateX(28px)}
html[dir="rtl"] .section-head-v4 .reveal.in-view{transform:none}

/* Interactive depth without excessive movement */
.motion-card{
  --rx:0deg;--ry:0deg;--lift:0px;
  transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--lift));
  transform-style:preserve-3d;
  transition:transform var(--motion-fast) ease,box-shadow var(--motion-medium) var(--motion-ease),border-color var(--motion-fast) ease;
  will-change:transform
}
.motion-card:hover{--lift:-7px;box-shadow:0 25px 62px rgba(7,49,84,.13);border-color:#a9d9ef}
.motion-card :where(.tip-icon,.icon-box,.program-icon,.point-index,.path-step>b){transition:transform .45s var(--motion-ease),box-shadow .45s var(--motion-ease)}
.motion-card:hover :where(.tip-icon,.icon-box,.program-icon,.point-index,.path-step>b){transform:translateZ(18px) rotate(-3deg);box-shadow:0 15px 28px rgba(8,93,148,.15)}
html[dir="rtl"] .motion-card:hover :where(.tip-icon,.icon-box,.program-icon,.point-index,.path-step>b){transform:translateZ(18px) rotate(3deg)}

/* Section/card micro-motion */
.path-step{transition:border-color .3s,box-shadow .3s;background:linear-gradient(145deg,#fff,#fbfdff)}
.path-step::after{
  content:"";position:absolute;inset-block-start:0;inset-inline-start:26px;inset-inline-end:26px;height:2px;
  background:linear-gradient(90deg,transparent,var(--v4-cyan),var(--v4-mint),transparent);
  transform:scaleX(0);transition:transform .5s var(--motion-ease)
}
.path-step:hover::after{transform:scaleX(1)}
.tip-card,.guide-card{transition:border-color .3s,box-shadow .4s var(--motion-ease),background .3s}
.tip-card:hover,.guide-card:hover{background:#fff;box-shadow:0 24px 60px rgba(8,44,78,.11)}
.card-link,.guide-card a,.tip-card a{transition:gap .25s,color .25s}
.card-link:hover,.guide-card a:hover,.tip-card a:hover{gap:13px;color:#005fae}
.impact-grid article{position:relative;overflow:hidden}
.impact-grid article::after{content:"";position:absolute;inset:auto 12% 0;height:2px;background:linear-gradient(90deg,transparent,var(--v4-cyan),transparent);transform:scaleX(0);transition:.55s var(--motion-ease)}
.impact-grid article:hover::after{transform:scaleX(1)}
.impact-grid strong{font-variant-numeric:tabular-nums;transition:transform .35s var(--motion-ease),color .35s}
.impact-grid article:hover strong{transform:translateY(-3px);color:var(--v4-blue)}

/* Navigation feels alive but remains clear */
.nav-menu a{position:relative}
.nav-menu a::after{
  content:"";position:absolute;height:2px;border-radius:99px;
  inset-inline:14px;inset-block-end:5px;background:linear-gradient(90deg,var(--v4-blue),var(--v4-cyan));
  transform:scaleX(0);transform-origin:center;transition:transform .28s var(--motion-ease)
}
.nav-menu a:hover::after,.nav-menu a.active::after{transform:scaleX(1)}
.site-header.scrolled .brand img{transform:scale(.94)}
.brand img{transition:transform .35s var(--motion-ease)}

/* Button ripple created by JS */
.btn-ripple{
  position:absolute;border-radius:50%;pointer-events:none;
  background:rgba(255,255,255,.38);transform:translate(-50%,-50%) scale(0);
  animation:ripple .65s ease-out forwards
}
@keyframes ripple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}

/* Responsive RTL refinement */
@media(max-width:1180px){
  html[dir="rtl"] .hero-v4-copy{justify-self:stretch}
  html[dir="rtl"] .hero-v4-copy>p{margin-inline:auto 0}
}
@media(max-width:860px){
  html[dir="rtl"] .hero-v4-copy{text-align:right}
  html[lang="ar"] .hero-v4-copy h1{line-height:1.3}
  .hero-title-line{padding-bottom:.11em}
  .site-progress{height:2px}
}
@media(max-width:620px){
  html[lang="ar"] .hero-v4-copy h1{font-size:clamp(2.65rem,13vw,4rem);line-height:1.34}
  html[dir="rtl"] .hero-v4-copy>p{line-height:1.9}
  html[dir="rtl"] .section-head-v4 h2{line-height:1.45}
  .motion-card{transform:none!important}
}
@media(hover:none){.motion-card{transform:none!important}}
@media(prefers-reduced-motion:reduce){
  .site-progress{display:none}
  .hero-v4:before,.hero-v4-badge,.hero-title-gradient,.edu-aura,.edu-console,.edu-avatar,.edu-progress i::after,
  body.page-ready .hero-v4-copy>*,body.page-ready .edu-scene{animation:none!important}
  body:not(.page-ready) .hero-v4-copy>*,body:not(.page-ready) .edu-scene{opacity:1!important;transform:none!important;filter:none!important}
  .motion-card{transform:none!important}
}

/* Progressive enhancement: content remains visible when JavaScript is unavailable. */
body:not(.page-ready) .hero-v4-copy>*{opacity:1;transform:none}
body:not(.page-ready) .edu-scene{opacity:1;filter:none}
@keyframes heroItemIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes sceneReveal{from{opacity:0;filter:blur(12px)}to{opacity:1;filter:none}}

/* ===== V6 refinements: softer backgrounds, clearer spacing, richer icons ===== */
body{
  background:
    radial-gradient(circle at 9% -6%, rgba(57,210,255,.12), transparent 24rem),
    radial-gradient(circle at 92% 8%, rgba(114,103,248,.07), transparent 22rem),
    linear-gradient(180deg,#f7fbff 0%,#eef5fb 100%);
}
.white-bg{background:linear-gradient(180deg,#f9fcff 0%,#f5f9fd 100%)}
.soft-bg,.tips-section,.lead-section,.assessment-shell-section,.path-section{background:linear-gradient(180deg,#f4f8fc 0%,#fbfdff 100%)}
.page-hero,.article-hero,.legal-hero{background:
  radial-gradient(circle at 14% 18%, rgba(111,228,255,.12), transparent 18rem),
  linear-gradient(145deg,#041a38,#075d93)}

/* clearer home path intro placement */
.path-section .section-head-v4{display:block;max-width:900px;margin-bottom:34px}
.path-section .section-head-v4 .path-intro,
.path-section .section-head-v4>div>p{
  margin:16px 0 0;
  max-width:760px;
  color:var(--v4-muted);
  font-size:1.05rem;
  line-height:2;
  font-weight:600;
}
html[dir="rtl"] .path-section .section-head-v4{text-align:right}

/* Services refinement */
.service-detail{
  position:relative;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(245,250,255,.95));
  border:1px solid #d8e7f1;
  padding:32px;
  border-radius:26px;
  overflow:hidden;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);
}
.service-detail::before{
  content:"";
  position:absolute;
  inset:auto -48px -58px auto;
  width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle, rgba(57,210,255,.2), transparent 68%);
  pointer-events:none;
}
.service-detail:hover{transform:translateY(-9px);box-shadow:0 24px 56px rgba(8,44,78,.12);border-color:#acd8ef}
.service-detail h3{font-size:1.35rem;line-height:1.5;font-weight:800;margin:2px 0 10px}
.service-detail p{font-size:1rem;line-height:1.95;font-weight:500;color:#556d82}
.icon-box,.tip-icon,.guide-icon{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.icon-box{
  width:64px;height:64px;border-radius:20px;
  background:linear-gradient(145deg,#f5fdff 6%,#dff5ff 48%,#ececff 100%);
  border:1px solid rgba(22,168,244,.16);
  box-shadow:0 18px 36px rgba(16,124,192,.13), inset -9px -9px 18px rgba(133,233,255,.26), inset 9px 9px 18px rgba(255,255,255,.96);
}
.icon-box::before,.tip-icon::before,.guide-icon::before{
  content:"";
  position:absolute;
  inset:7px auto auto 8px;
  width:48%;height:38%;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  filter:blur(1px);
  transform:rotate(-20deg);
}
.icon-box::after,.tip-icon::after,.guide-icon::after{
  content:"";
  position:absolute;
  inset:auto 10px 10px auto;
  width:18px;height:18px;border-radius:50%;
  background:radial-gradient(circle, rgba(57,210,255,.95), rgba(7,140,234,.15) 70%, transparent 72%);
  box-shadow:0 0 24px rgba(57,210,255,.35);
}
.service-detail:hover .icon-box,
.tip-card:hover .tip-icon,
.guide-card:hover .guide-icon{transform:translateY(-4px) rotate(-4deg) scale(1.04)}

/* Tips + blog cards */
.tips-section{padding-top:106px;padding-bottom:106px}
.tips-section .section-head-v4,.blog-page .section-head-v4{display:block;max-width:920px}
.tips-section .section-head-v4>div>p,.blog-page .section-head-v4>div>p,.tips-section .section-head-v4>p,.blog-page .section-head-v4>p{margin-top:16px;max-width:770px;line-height:2;font-weight:600}
.tips-grid,.guide-grid{gap:24px}
.tip-card,.guide-card{
  position:relative;
  padding:30px 30px 28px;
  border-radius:28px;
  border:1px solid #dce8f1;
  background:linear-gradient(180deg,rgba(255,255,255,.94) 0%, rgba(246,250,254,.98) 100%);
  box-shadow:0 18px 45px rgba(8,44,78,.06);
  overflow:hidden;
}
.tip-card::before,.guide-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,#12b8ed,#7fe0ff,#42dfbf);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .35s var(--ease);
}
.tip-card:hover::before,.guide-card:hover::before{transform:scaleX(1)}
.tip-card h3,.guide-card h2{font-size:1.28rem;line-height:1.7;font-weight:800;margin:22px 0 12px;color:#102a44}
.tip-card p,.guide-card p{font-size:.97rem;line-height:2.02;font-weight:600;color:#5b7386;margin:0 0 8px}
.tip-card a,.guide-card a{margin-top:auto;padding-top:20px;font-weight:900}
.tip-top,.guide-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:4px}
html[dir="rtl"] .tip-top,html[dir="rtl"] .guide-top{flex-direction:row-reverse}
.tip-icon,.guide-icon{
  width:62px;height:62px;border-radius:21px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#f7fdff 0%,#def6ff 45%,#eef0ff 100%);
  border:1px solid rgba(23,154,226,.16);
  box-shadow:0 18px 36px rgba(8,108,178,.12), inset -11px -11px 18px rgba(140,235,255,.24), inset 9px 9px 18px rgba(255,255,255,.95);
  color:#0d6fc3;
  font-size:1.65rem;
  font-weight:900;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease);
}
.tip-number,.guide-label{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:54px;height:44px;padding:0 14px;border-radius:14px;
  background:#eaf5fd;color:#0a78cf;font-size:.9rem;font-weight:900;
  border:1px solid #d5eaf7;
}
html[dir="rtl"] .tip-card,html[dir="rtl"] .guide-card,html[dir="rtl"] .article-layout,html[dir="rtl"] .article-body,html[dir="rtl"] .article-aside{text-align:right}

/* Richer article layout */
.article-layout{gap:30px}
.article-body{
  background:linear-gradient(180deg,#ffffff 0%, #f9fcff 100%);
  border:1px solid #dbe7ef;
  border-radius:30px;
  padding:44px 48px;
  box-shadow:0 18px 48px rgba(8,44,78,.07);
}
.article-body h2{font-size:2rem;line-height:1.55;margin:36px 0 14px;font-weight:900}
.article-body p,.article-body li{font-size:1.04rem;line-height:2.05;font-weight:600;color:#566f83}
.article-body blockquote{border-radius:18px;background:linear-gradient(145deg,#eef8fd,#f7fbff);padding:22px 24px;font-size:1rem;line-height:1.9}
.aside-card{background:linear-gradient(180deg,#ffffff 0%, #f7fbff 100%);border:1px solid #dce8f1;border-radius:24px;padding:24px;box-shadow:0 16px 40px rgba(8,44,78,.05)}
.aside-card h4{font-size:1.4rem;margin:0 0 12px;line-height:1.6}
.aside-card p{font-size:1rem;line-height:1.95;color:#5a7386;font-weight:600}

/* More pleasant overall white mix */
.university-network,.impact-strip,.site-footer{background:linear-gradient(180deg,#f6fbff 0%,#f0f6fb 100%)}

/* Motion */
@keyframes gentleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.tip-icon,.guide-icon,.icon-box{animation:gentleFloat 5.8s ease-in-out infinite}
.tip-card:nth-child(2n) .tip-icon,.guide-card:nth-child(2n) .guide-icon,.service-detail:nth-child(2n) .icon-box{animation-delay:-2.2s}
.tip-card:nth-child(3n) .tip-icon,.guide-card:nth-child(3n) .guide-icon,.service-detail:nth-child(3n) .icon-box{animation-delay:-4.1s}

@media(max-width:860px){
  .article-body{padding:30px 24px}
  .tip-card,.guide-card,.service-detail{padding:24px}
  .tip-top,.guide-top{gap:10px}
  .tip-card h3,.guide-card h2{font-size:1.18rem}
}

/* ===== V7: bilingual visual direction + high-contrast footer ===== */
.site-footer{
  background:
    radial-gradient(circle at 12% 0%,rgba(19,185,238,.12),transparent 28rem),
    linear-gradient(145deg,#020d1d 0%,#031a35 52%,#05284a 100%) !important;
  color:#b9d0e2 !important;
  border-top:1px solid rgba(116,223,255,.16);
}
.site-footer::before{border-color:rgba(94,219,255,.10);box-shadow:0 0 0 95px rgba(94,219,255,.035)}
.site-footer h4,.site-footer strong{color:#fff}
.site-footer p,.site-footer span,.site-footer a,.site-footer button{color:#b9d0e2}
.site-footer a:hover,.site-footer button:hover{color:#fff}
.site-footer .footer-brand img{filter:brightness(0) invert(1);opacity:1}
.site-footer .social-links a{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
.site-footer .footer-bottom{border-top-color:rgba(255,255,255,.12);color:#91aec5}
.site-footer .cookie-settings-link{color:#a9dff4}

/* Text always occupies the language-start side; visuals occupy the opposite side. */
@media (min-width:1181px){
  .hero-v4-grid,
  html[dir="rtl"] .hero-v4-grid{
    grid-template-columns:minmax(0,1fr) minmax(520px,.95fr);
  }
  .hero-v4-copy,
  html[dir="rtl"] .hero-v4-copy{grid-column:1;grid-row:1}
  .edu-scene,
  html[dir="rtl"] .edu-scene{grid-column:2;grid-row:1}

  .assessment-feature-grid{grid-template-columns:1.08fr .92fr}
  .assessment-feature-copy{grid-column:1;grid-row:1}
  .assessment-visual{grid-column:2;grid-row:1}

  .page-hero-grid>div:first-child{grid-column:1;grid-row:1}
  .page-hero-grid>.page-hero-card{grid-column:2;grid-row:1}

  .lead-copy{grid-column:1;grid-row:1}
  .lead-form{grid-column:2;grid-row:1}
}

/* Service text on the language-start side and icon on the opposite side. */
.service-detail{grid-template-columns:minmax(0,1fr) 76px}
.service-detail>div:first-child{grid-column:2;grid-row:1}
.service-detail>div:nth-child(2){grid-column:1;grid-row:1}
html[dir="rtl"] .service-detail>div:nth-child(2){text-align:right}
html[dir="ltr"] .service-detail>div:nth-child(2){text-align:left}

/* Card icon placement follows the same bilingual visual rule. */
.tip-top,.guide-top{direction:ltr;flex-direction:row}
html[dir="ltr"] .tip-top,
html[dir="ltr"] .guide-top{flex-direction:row-reverse}
html[dir="rtl"] .tip-card,
html[dir="rtl"] .guide-card{text-align:right}
html[dir="ltr"] .tip-card,
html[dir="ltr"] .guide-card{text-align:left}

/* Alignment reinforcement for two-column copy blocks. */
html[dir="rtl"] :where(.hero-v4-copy,.assessment-feature-copy,.lead-copy,.page-hero-grid>div:first-child){text-align:right}
html[dir="ltr"] :where(.hero-v4-copy,.assessment-feature-copy,.lead-copy,.page-hero-grid>div:first-child){text-align:left}

@media(max-width:1180px){
  .hero-v4-copy,.edu-scene,.assessment-feature-copy,.assessment-visual,.lead-copy,.lead-form,.page-hero-grid>div:first-child,.page-hero-card{grid-column:auto;grid-row:auto}
}
@media(max-width:620px){
  .service-detail{grid-template-columns:58px minmax(0,1fr)}
  html[dir="rtl"] .service-detail{grid-template-columns:minmax(0,1fr) 58px}
  html[dir="ltr"] .service-detail>div:first-child{grid-column:1}
  html[dir="ltr"] .service-detail>div:nth-child(2){grid-column:2}
  html[dir="rtl"] .service-detail>div:first-child{grid-column:2}
  html[dir="rtl"] .service-detail>div:nth-child(2){grid-column:1}
}

/* V7 mobile service ordering correction */
@media(max-width:620px){
  .service-detail{grid-template-columns:minmax(0,1fr) 58px}
  .service-detail>div:first-child{grid-column:2;grid-row:1}
  .service-detail>div:nth-child(2){grid-column:1;grid-row:1}
}

/* ===== V8 multimedia experience ===== */
.story-section{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 10% 10%,rgba(57,210,255,.17),transparent 24rem),
    radial-gradient(circle at 90% 90%,rgba(114,103,248,.14),transparent 28rem),
    linear-gradient(135deg,#04162f 0%,#062d53 55%,#075c88 100%);
}
.story-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;
  background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,#000,transparent 94%);
}
.story-layout{display:grid;grid-template-areas:"copy video";grid-template-columns:.78fr 1.22fr;gap:56px;align-items:center;position:relative;z-index:2}
html[dir="rtl"] .story-layout{grid-template-areas:"video copy";grid-template-columns:1.22fr .78fr}
.story-copy{grid-area:copy;text-align:start}
.story-copy .section-kicker{color:#7ee8ff}
.story-copy .section-title{color:#fff;font-size:clamp(2.4rem,4.2vw,4.4rem);line-height:1.18;margin-bottom:20px}
.story-copy p{color:#c8dfef;font-size:1.06rem;line-height:2;margin:0 0 26px}
.story-points{display:grid;gap:12px;margin:0 0 28px;padding:0;list-style:none}
.story-points li{display:flex;align-items:center;gap:11px;color:#d9eef9;font-weight:750}
.story-points i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#42dfbf,#39d2ff);color:#05233f;font-style:normal;font-weight:950;flex:none}
.story-video-frame{grid-area:video;position:relative;aspect-ratio:16/9;border-radius:32px;overflow:hidden;border:1px solid rgba(151,228,255,.28);box-shadow:0 34px 90px rgba(0,10,30,.45);background:#031226;isolation:isolate}
.story-video-frame video{width:100%;height:100%;object-fit:cover}
.story-video-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(3,18,38,.74));pointer-events:none}
.story-video-caption{position:absolute;z-index:2;inset:auto 24px 22px;display:flex;align-items:end;justify-content:space-between;gap:18px;color:#fff}
.story-video-caption span{display:block;color:#92e9ff;font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.story-video-caption strong{display:block;font-size:1.25rem;margin-top:4px}
.play-pill,.video-play{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,255,255,.28);background:rgba(5,34,67,.78);color:#fff;backdrop-filter:blur(12px);font-weight:850;transition:.28s var(--ease)
}
.play-pill{min-height:48px;padding:0 17px;border-radius:999px}
.play-pill::before,.video-play::before{content:"▶";font-size:.7rem}
.play-pill:hover,.video-tile:hover .video-play,.story-card:hover .video-play{background:#fff;color:#082241;transform:translateY(-2px)}
.story-card-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
.story-card,.video-tile{position:relative;border:0;padding:0;text-align:start;overflow:hidden;background:#062442;border-radius:24px;box-shadow:0 20px 50px rgba(0,15,40,.22);isolation:isolate;cursor:pointer}
.story-card{aspect-ratio:4/5}
.story-card img,.video-tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .5s}
.story-card::after,.video-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,18,38,.05) 30%,rgba(3,18,38,.9) 100%);pointer-events:none}
.story-card:hover img,.video-tile:hover img{transform:scale(1.06);filter:saturate(1.08)}
.story-card-copy,.video-tile-copy{position:absolute;z-index:2;inset:auto 20px 18px;color:#fff}
.story-card-copy small,.video-tile-copy small{display:block;color:#8ce7ff;font-weight:850;font-size:.7rem;margin-bottom:5px}
.story-card-copy strong,.video-tile-copy strong{display:block;font-size:1.08rem;line-height:1.45}
.video-play{position:absolute;z-index:3;inset:18px auto auto 18px;width:44px;height:44px;border-radius:50%;font-size:0}
html[dir="rtl"] .video-play{inset:18px 18px auto auto}

/* Full media library */
.media-library{background:linear-gradient(180deg,#f3f8fc 0%,#eef6fb 100%)}
.video-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.video-tile{aspect-ratio:4/5;box-shadow:0 18px 48px rgba(8,44,78,.12)}
.video-tile.featured{grid-column:span 2;aspect-ratio:16/9}
.video-tile-copy{inset:auto 24px 22px}
.video-tile-copy strong{font-size:1.2rem}
.video-tile-copy p{margin:5px 0 0;color:#cae0ee;font-size:.82rem;line-height:1.55}

/* Photo mosaic */
.photo-story-section{background:linear-gradient(180deg,#f8fbfe 0%,#eef5fb 100%)}
.photo-mosaic{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:155px;gap:18px}
.photo-panel{position:relative;margin:0;overflow:hidden;border-radius:26px;box-shadow:0 20px 50px rgba(8,44,78,.11);isolation:isolate}
.photo-panel:nth-child(1){grid-column:span 7;grid-row:span 2}
.photo-panel:nth-child(2){grid-column:span 5;grid-row:span 2}
.photo-panel:nth-child(3){grid-column:span 5;grid-row:span 2}
.photo-panel:nth-child(4){grid-column:span 7;grid-row:span 2}
.photo-panel img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.photo-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(3,18,38,.78));pointer-events:none}
.photo-panel:hover img{transform:scale(1.055)}
.photo-panel figcaption{position:absolute;z-index:2;inset:auto 22px 18px;color:#fff;font-weight:850}
.photo-panel figcaption small{display:block;color:#8ce7ff;font-size:.7rem;margin-bottom:4px}

/* Video lightbox */
.video-modal{position:fixed;z-index:12000;inset:0;display:grid;place-items:center;padding:26px;background:rgba(1,10,25,.9);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.video-modal.open{opacity:1;visibility:visible}
.video-dialog{width:min(100%,1040px);position:relative}
.video-dialog video{display:block;width:100%;max-height:82vh;border-radius:25px;background:#000;box-shadow:0 36px 100px rgba(0,0,0,.58)}
.video-modal-close{position:absolute;z-index:2;inset:-18px -18px auto auto;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.32);background:#fff;color:#082241;font-size:1.6rem;box-shadow:0 12px 34px rgba(0,0,0,.3)}
html[dir="rtl"] .video-modal-close{inset:-18px auto auto -18px}
.video-dialog-title{color:#fff;text-align:center;font-weight:850;margin-top:14px}
body.video-modal-open{overflow:hidden}

@media(max-width:980px){
  .story-layout,html[dir="rtl"] .story-layout{grid-template-areas:"copy" "video";grid-template-columns:1fr;gap:32px}
  .story-card-grid{grid-template-columns:repeat(3,1fr)}
  .video-library-grid{grid-template-columns:repeat(2,1fr)}
  .video-tile.featured{grid-column:span 2}
}
@media(max-width:680px){
  .story-card-grid{grid-template-columns:1fr;gap:16px}
  .story-card{aspect-ratio:16/10}
  .video-library-grid{grid-template-columns:1fr}
  .video-tile,.video-tile.featured{grid-column:auto;aspect-ratio:4/5}
  .video-tile.featured{aspect-ratio:16/10}
  .photo-mosaic{grid-template-columns:1fr;grid-auto-rows:240px}
  .photo-panel:nth-child(n){grid-column:auto;grid-row:auto}
  .story-video-caption{inset:auto 16px 15px;align-items:flex-start;flex-direction:column}
  .play-pill{min-height:42px}
  .video-modal{padding:14px}
  .video-modal-close{inset:-10px -4px auto auto}
  html[dir="rtl"] .video-modal-close{inset:-10px auto auto -4px}
}
.media-library .section-head-v4,.photo-story-section .section-head-v4{display:block;max-width:930px}
.media-library .section-head-v4 .path-intro,.photo-story-section .section-head-v4 .path-intro{margin:16px 0 0;max-width:800px;color:var(--v4-muted);font-size:1.04rem;line-height:2;font-weight:600}
html[dir="rtl"] .media-library .section-head-v4,html[dir="rtl"] .photo-story-section .section-head-v4{text-align:right}

/* ===== V9: branded university carousel + complete social accounts ===== */
.network-marquee{
  padding:4px 0 10px;
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}
.network-marquee .university-logo-track{
  display:flex;
  align-items:center;
  width:max-content;
  gap:18px;
  animation:marquee 58s linear infinite;
  will-change:transform;
}
html[dir="rtl"] .network-marquee .university-logo-track{animation-direction:reverse}
.network-marquee:hover .university-logo-track{animation-play-state:paused}
.university-logo-card{
  width:235px;
  height:118px;
  flex:0 0 235px;
  margin:0;
  padding:14px 16px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid #dce8f1;
  border-radius:22px;
  background:linear-gradient(145deg,#ffffff,#f5f9fd);
  box-shadow:0 12px 30px rgba(8,44,78,.055);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);
  position:relative;
  overflow:hidden;
}
.university-logo-card::after{
  content:"";
  position:absolute;
  inset:auto -36px -44px auto;
  width:100px;height:100px;border-radius:50%;
  background:radial-gradient(circle,rgba(22,168,244,.15),transparent 68%);
  pointer-events:none;
}
.university-logo-card:hover{
  transform:translateY(-5px) scale(1.015);
  border-color:#abd9ef;
  box-shadow:0 20px 44px rgba(8,44,78,.11);
}
.university-logo-card img{
  width:100%;
  height:76px;
  object-fit:contain;
  position:relative;
  z-index:1;
  filter:drop-shadow(0 5px 9px rgba(7,37,67,.08));
}
.university-logo-card figcaption{
  max-width:100%;
  color:#5d7488;
  font-size:.63rem;
  font-weight:800;
  line-height:1.15;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  position:relative;
  z-index:1;
}

.site-footer .social-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  max-width:390px;
}
.site-footer .social-links .social-link{
  position:relative;
  width:43px;
  height:43px;
  min-width:43px;
  border-radius:13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.13);
  color:#fff;
  overflow:visible;
  transition:transform .25s var(--ease),background .25s,border-color .25s,box-shadow .25s;
}
.site-footer .social-links .social-link svg{width:21px;height:21px;flex:none}
.site-footer .social-links .social-account{
  width:auto;
  min-width:145px;
  justify-content:flex-start;
  gap:8px;
  padding:0 31px 0 12px;
}
html[dir="rtl"] .site-footer .social-links .social-account{
  justify-content:flex-start;
  padding:0 12px 0 31px;
}
.site-footer .social-handle{
  font-size:.69rem;
  font-weight:850;
  letter-spacing:0;
  direction:ltr;
  unicode-bidi:isolate;
  white-space:nowrap;
}
.site-footer .social-badge{
  position:absolute;
  inset-block-start:-6px;
  inset-inline-end:-6px;
  min-width:24px;
  height:20px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#fff;
  color:#075f9f;
  border:2px solid #031327;
  font-size:.55rem;
  font-weight:950;
  box-shadow:0 5px 12px rgba(0,0,0,.22);
}
.site-footer .social-instagram:hover{
  background:linear-gradient(135deg,#7c3aed,#d62976,#f77737);
  border-color:transparent;
  box-shadow:0 13px 28px rgba(214,41,118,.28);
}
.site-footer .social-tiktok:hover{background:#111;border-color:#39f3ee;box-shadow:4px 4px 0 rgba(254,44,85,.45),-4px -4px 0 rgba(37,244,238,.35)}
.site-footer .social-youtube:hover{background:#ff0000;border-color:#ff0000;box-shadow:0 13px 28px rgba(255,0,0,.25)}
.site-footer .social-linkedin:hover{background:#0a66c2;border-color:#0a66c2;box-shadow:0 13px 28px rgba(10,102,194,.28)}
.site-footer .social-links .social-link:hover{transform:translateY(-4px)}

@media(max-width:620px){
  .university-logo-card{width:190px;flex-basis:190px;height:104px;padding:12px}
  .university-logo-card img{height:65px}
  .site-footer .social-links{max-width:100%}
  .site-footer .social-links .social-account{min-width:0;width:100%;max-width:210px}
}

@media(prefers-reduced-motion:reduce){
  .network-marquee .university-logo-track{animation:none!important}
}

/* ===== V10 hotfix: darker university carousel background for white logos ===== */
.university-network{
  background:linear-gradient(180deg,#dff1ff 0%, #cfe7fb 52%, #e9f6ff 100%);
  border-block:1px solid #c5deef;
}
.university-network .network-title{
  color:#4e6981;
}
.university-logo-card{
  border:1px solid #bfdcf0;
  background:linear-gradient(145deg,#d8eeff 0%, #c4e1f8 52%, #e9f6ff 100%);
  box-shadow:0 14px 34px rgba(8,44,78,.09), inset 0 1px 0 rgba(255,255,255,.38);
}
.university-logo-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));
  pointer-events:none;
}
.university-logo-card::after{
  background:radial-gradient(circle,rgba(22,168,244,.22),transparent 68%);
}
.university-logo-card:hover{
  border-color:#8dc7e9;
  box-shadow:0 20px 46px rgba(8,44,78,.14), inset 0 1px 0 rgba(255,255,255,.42);
}
.university-logo-card figcaption{
  color:#4f6d86;
}


/* ===== V11: complete university directory with official logos ===== */
.university-grid{align-items:stretch}
.university-card-logo{
  display:flex;
  flex-direction:column;
  min-height:430px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfe 100%);
  border-color:#d8e6f0;
}
.university-card-logo .university-logo-image{
  height:132px;
  padding:16px 20px;
  background:linear-gradient(145deg,#dcefff 0%,#c9e4f8 52%,#eef8ff 100%);
  border:1px solid #bdd9ec;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 24px rgba(8,44,78,.06);
  overflow:hidden;
}
.university-card-logo .university-logo-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 5px 9px rgba(7,37,67,.12));
  transition:transform .35s var(--ease);
}
.university-card-logo:hover .university-logo-image img{transform:scale(1.055)}
.university-card-logo h3{
  min-height:54px;
  font-size:1.18rem;
  line-height:1.45;
  margin:20px 0 8px;
}
.university-card-logo>p{
  min-height:82px;
  line-height:1.75;
  color:#557087;
}
.university-card-logo .meta-list{margin-top:auto}
.university-card-logo .card-link{margin-top:4px}
html[dir="rtl"] .university-card-logo{text-align:right}
@media(max-width:620px){
  .university-card-logo{min-height:auto}
  .university-card-logo h3,.university-card-logo>p{min-height:0}
  .university-card-logo .university-logo-image{height:118px}
}

/* ===== V12: correctly scaled university logos + field-priority filters ===== */
.university-card-logo .university-logo-image{
  height:124px;
  padding:24px 28px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.university-card-logo .university-logo-image img{
  width:auto;
  height:auto;
  max-width:76%;
  max-height:70px;
  object-fit:contain;
  object-position:center;
}
.university-card-logo:hover .university-logo-image img{transform:scale(1.035)}
.field-filter-status{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  min-height:58px;
  margin:-12px 0 10px;
  padding:13px 17px;
  border:1px solid #cfe3f1;
  border-radius:17px;
  background:linear-gradient(145deg,#eef8ff,#f8fcff);
  color:#5c7488;
}
.field-filter-status strong{
  color:#0b3153;
  font-size:.94rem;
  font-weight:900;
}
.field-filter-status span{font-size:.83rem;font-weight:650}
.field-ranking-disclaimer{
  margin:0 0 28px;
  color:#73889a;
  font-size:.76rem;
  line-height:1.75;
}
html[dir="rtl"] .field-filter-status,html[dir="rtl"] .field-ranking-disclaimer{text-align:right}
.university-card{position:relative}
.field-rank-badge{
  position:absolute;
  z-index:3;
  inset-block-start:14px;
  inset-inline-start:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 11px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#087fd4,#13b9ee);
  box-shadow:0 9px 22px rgba(8,126,211,.24);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.01em;
}
.field-rank-badge[hidden]{display:none!important}
.university-card.field-top-card{
  border-color:#91cfe9;
  box-shadow:0 22px 52px rgba(8,77,122,.13);
}
.university-card.field-top-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 3px 0 rgba(18,184,237,.75);
}
.university-card[hidden]{display:none!important}
.filter-btn{cursor:pointer}
.filter-btn:focus-visible{outline:3px solid rgba(22,168,244,.25);outline-offset:3px}
@media(max-width:620px){
  .university-card-logo .university-logo-image{height:112px;padding:22px 24px}
  .university-card-logo .university-logo-image img{max-width:72%;max-height:62px}
  .field-filter-status{align-items:flex-start;flex-direction:column;gap:3px}
}

/* ===== V13: richer, trustworthy university profiles ===== */
.university-card-logo{
  min-height:690px;
  padding:24px;
}
.university-card-logo h3{
  min-height:58px;
  margin:20px 0 10px;
  font-size:1.2rem;
  line-height:1.48;
}
.university-card-logo>.university-summary{
  min-height:152px;
  margin:0;
  color:#526d83;
  font-size:.94rem;
  line-height:1.85;
  font-weight:560;
}
.university-highlights{
  display:grid;
  gap:9px;
  margin:18px 0 20px;
  padding:17px 18px;
  list-style:none;
  border:1px solid #d8e8f3;
  border-radius:17px;
  background:linear-gradient(145deg,#eef8ff,#f9fcff);
}
.university-highlights li{
  display:grid;
  grid-template-columns:20px 1fr;
  gap:8px;
  align-items:start;
  color:#365871;
  font-size:.8rem;
  line-height:1.55;
  font-weight:720;
}
.university-highlights i{
  width:19px;
  height:19px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#16b8ed,#42dfbf);
  color:#fff;
  font-size:.64rem;
  font-style:normal;
  box-shadow:0 5px 12px rgba(13,151,194,.18);
}
html[dir="rtl"] .university-highlights li{grid-template-columns:20px 1fr;text-align:right}
.university-card-logo .meta-list{
  margin-top:auto;
  margin-bottom:14px;
}
.university-card-logo .meta-list span{
  background:#e8f4fb;
  color:#3e657f;
  border:1px solid #d7eaf5;
}
.university-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:16px;
  border-top:1px solid #e1ebf2;
}
.university-actions .card-link{
  margin:0;
  font-size:.82rem;
  flex:1;
}
.official-university-link{
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 11px;
  border:1px solid #cfe2ef;
  border-radius:11px;
  background:#f7fbfe;
  color:#557187;
  font-size:.7rem;
  font-weight:850;
  transition:.25s;
}
.official-university-link:hover{
  color:#0876ce;
  border-color:#9fd1eb;
  background:#edf8fe;
  transform:translateY(-2px);
}
.university-info-note{
  margin-top:28px;
  padding:16px 18px;
  border-inline-start:4px solid #16a8f4;
  border-radius:14px;
  background:#eef8fd;
  color:#587287;
  font-size:.78rem;
  line-height:1.8;
  font-weight:650;
}
html[dir="rtl"] .university-info-note{text-align:right}
@media(max-width:1180px){
  .university-card-logo{min-height:650px}
}
@media(max-width:860px){
  .university-card-logo{min-height:auto}
  .university-card-logo>.university-summary{min-height:0}
  .university-card-logo h3{min-height:0}
}
@media(max-width:620px){
  .university-actions{align-items:stretch;flex-direction:column}
  .university-actions .card-link,.official-university-link{width:100%;justify-content:center}
  .university-highlights{padding:15px}
}

/* ===== V14 fix: reliable university carousel in Arabic/RTL ===== */
@keyframes universityMarqueeLtr{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@keyframes universityMarqueeRtl{
  from{transform:translate3d(-50%,0,0)}
  to{transform:translate3d(0,0,0)}
}
.network-marquee .university-logo-track{
  direction:ltr;
  flex-direction:row;
  animation-name:universityMarqueeLtr;
  animation-direction:normal;
  animation-fill-mode:both;
  transform:translate3d(0,0,0);
}
html[dir="rtl"] .network-marquee .university-logo-track{
  direction:ltr;
  animation-name:universityMarqueeRtl;
  animation-direction:normal;
  animation-fill-mode:both;
}
/* Keep the duplicated carousel visible even before animation fully initializes. */
.network-marquee{
  min-height:142px;
  display:flex;
  align-items:center;
}
.network-marquee .university-logo-track{
  min-height:118px;
}
@media (prefers-reduced-motion:reduce){
  .network-marquee .university-logo-track{
    animation:none!important;
    transform:none!important;
  }
}

/* ===== V15 definitive fix: force carousel into an LTR visual viewport in both languages ===== */
@keyframes universityCarouselStable {
  0% { transform: translate3d(0,0,0); }
  100% { transform: translate3d(calc(-50% - 9px),0,0); }
}
.university-network .network-marquee {
  position:relative !important;
  display:block !important;
  height:146px !important;
  min-height:146px !important;
  overflow:hidden !important;
  direction:ltr !important;
  text-align:left !important;
}
.university-network .network-marquee .university-logo-track,
html[dir="rtl"] .university-network .network-marquee .university-logo-track,
html[dir="ltr"] .university-network .network-marquee .university-logo-track {
  position:absolute !important;
  top:4px !important;
  left:0 !important;
  right:auto !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  width:max-content !important;
  min-width:max-content !important;
  height:130px !important;
  min-height:130px !important;
  gap:18px !important;
  direction:ltr !important;
  visibility:visible !important;
  opacity:1 !important;
  transform:translate3d(0,0,0);
  animation:universityCarouselStable 58s linear infinite !important;
  animation-direction:normal !important;
  animation-fill-mode:none !important;
  will-change:transform;
}
.university-network .network-marquee:hover .university-logo-track {
  animation-play-state:paused !important;
}
.university-network .university-logo-card {
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}
@media (prefers-reduced-motion:reduce) {
  .university-network .network-marquee .university-logo-track {
    animation:universityCarouselStable 58s linear infinite !important;
  }
}

/* V15 JS carousel fallback: independent from document RTL direction */
.network-marquee.js-carousel-ready{
  direction:ltr !important;
}
.network-marquee.js-carousel-ready .university-logo-track{
  animation:none !important;
  transform:translate3d(0,0,0);
  direction:ltr !important;
}


/* ===== V16: all university enquiries handled through Majesty ===== */
.university-actions{
  justify-content:stretch;
}
.university-actions .card-link{
  width:100%;
  min-height:46px;
  padding:0 16px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:linear-gradient(135deg,#0787dc,#11b8ee);
  color:#fff;
  box-shadow:0 12px 25px rgba(8,135,218,.18);
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
.university-actions .card-link:hover{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 17px 32px rgba(8,135,218,.25);
  filter:saturate(1.06);
}
html[dir="rtl"] .university-actions .card-link .arrow{transform:scaleX(-1)}
.official-university-link{display:none!important}

/* ===== V17: home photo stories and bilingual gallery ===== */
.home-photo-section{
  background:
    radial-gradient(circle at 15% 10%,rgba(57,210,255,.12),transparent 26rem),
    linear-gradient(180deg,#f7fbff 0%,#edf6fc 100%);
}
.home-photo-heading{
  display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px;
}
.home-photo-heading>div{max-width:790px}
.home-photo-heading h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.18;margin:10px 0 14px;color:#09233e}
.home-photo-heading p{font-size:1.03rem;line-height:1.9;color:#587186;margin:0}
.home-photo-grid{
  display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:220px;gap:18px;
}
.home-photo-card{
  grid-column:span 4;position:relative;border-radius:26px;overflow:hidden;isolation:isolate;
  box-shadow:0 18px 48px rgba(5,38,70,.12);border:1px solid rgba(255,255,255,.5);
  transform:translateZ(0);transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.home-photo-card.home-photo-wide{grid-column:span 8}
.home-photo-card.home-photo-tall{grid-row:span 2}
.home-photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);display:block}
.home-photo-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(2,19,39,.86) 100%);z-index:1}
.home-photo-card span{position:absolute;z-index:2;inset:auto 22px 20px;color:#fff;font-weight:850;font-size:1rem;line-height:1.5;text-shadow:0 2px 10px rgba(0,0,0,.25)}
html[dir="rtl"] .home-photo-card span{inset:auto 22px 20px;text-align:right}
.home-photo-card:hover{transform:translateY(-7px);box-shadow:0 26px 64px rgba(5,38,70,.18)}
.home-photo-card:hover img{transform:scale(1.055)}

.gallery-hero{
  padding:72px 0 78px;color:#fff;overflow:hidden;
  background:
    radial-gradient(circle at 12% 20%,rgba(57,210,255,.22),transparent 25rem),
    radial-gradient(circle at 88% 74%,rgba(114,103,248,.18),transparent 24rem),
    linear-gradient(135deg,#031b38 0%,#075b91 100%);
}
.gallery-hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:62px;align-items:center}
.gallery-hero-copy h1{font-size:clamp(2.7rem,5.4vw,5.1rem);line-height:1.05;margin:18px 0 22px;letter-spacing:-.04em}
html[dir="rtl"] .gallery-hero-copy h1{letter-spacing:0;line-height:1.22}
.gallery-hero-copy>p{font-size:1.08rem;line-height:1.95;color:#c7deed;max-width:680px}
.gallery-hero-stats{display:flex;align-items:center;gap:16px;margin-top:30px;padding-top:25px;border-top:1px solid rgba(255,255,255,.15)}
.gallery-hero-stats strong{font-size:1.35rem}.gallery-hero-stats span{color:#9fc1d8}
.gallery-hero-collage{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:200px 200px;gap:14px;transform:perspective(1000px) rotateY(-3deg)}
html[dir="rtl"] .gallery-hero-collage{transform:perspective(1000px) rotateY(3deg)}
.gallery-hero-collage figure{margin:0;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 60px rgba(0,0,0,.24)}
.gallery-hero-collage .gallery-hero-main{grid-row:1/3}
.gallery-hero-collage img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.gallery-hero-collage figure:hover img{transform:scale(1.045)}
.gallery-page-section{background:linear-gradient(180deg,#f8fcff,#edf5fb)}
.gallery-section-head{max-width:860px;margin-bottom:28px}
.gallery-section-head h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.22;margin:10px 0 14px;color:#0a2744}
.gallery-section-head p{font-size:1.02rem;line-height:1.9;color:#5a7388;margin:0}
.gallery-filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 34px}
.gallery-filter{border:1px solid #cfe1ed;background:rgba(255,255,255,.85);color:#47657d;border-radius:999px;padding:12px 20px;font-weight:850;cursor:pointer;transition:.25s ease}
.gallery-filter:hover,.gallery-filter.active{background:#062442;color:#fff;border-color:#062442;transform:translateY(-2px)}
.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.gallery-item{
  grid-column:span 4;aspect-ratio:4/3;padding:0;border:0;border-radius:23px;overflow:hidden;position:relative;cursor:pointer;background:#d9ebf6;
  box-shadow:0 16px 40px rgba(6,38,70,.09);transition:transform .35s var(--ease),box-shadow .35s var(--ease),opacity .25s ease;
}
.gallery-item:nth-child(7n+1),.gallery-item:nth-child(7n+5){grid-column:span 8;aspect-ratio:16/8.4}
.gallery-item[hidden]{display:none!important}
.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease)}
.gallery-item-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:24px;color:#fff;text-align:left;background:linear-gradient(180deg,transparent 36%,rgba(1,18,38,.86));opacity:.96}
html[dir="rtl"] .gallery-item-overlay{align-items:flex-end;text-align:right}
.gallery-item-overlay small{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;color:#7fe5ff;font-weight:900;margin-bottom:6px}
.gallery-item-overlay strong{font-size:1.03rem;line-height:1.5;max-width:86%}
.gallery-item-overlay i{position:absolute;inset:20px 20px auto auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);font-style:normal;font-size:1.15rem}
html[dir="rtl"] .gallery-item-overlay i{inset:20px auto auto 20px}
.gallery-item:hover{transform:translateY(-7px);box-shadow:0 25px 58px rgba(6,38,70,.16)}
.gallery-item:hover img{transform:scale(1.055)}
.gallery-cta-section{background:#f2f8fc;padding-top:0}
.gallery-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px 48px;border-radius:30px;background:linear-gradient(135deg,#062849,#0874aa);color:#fff;box-shadow:0 22px 55px rgba(5,38,70,.18)}
.gallery-cta h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:8px 0 10px}.gallery-cta p{color:#c9e0ed;line-height:1.8;margin:0}
.gallery-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(1,12,27,.94);display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;transition:.25s ease}
.gallery-lightbox.open{opacity:1;visibility:visible}
.gallery-lightbox-dialog{width:min(1180px,94vw);height:min(820px,88vh);display:grid;grid-template-rows:minmax(0,1fr) auto;position:relative}
.gallery-lightbox-image{width:100%;height:100%;object-fit:contain;border-radius:20px;background:#06172b}
.gallery-lightbox-caption{color:#fff;text-align:center;font-weight:750;padding:17px 70px 0;line-height:1.6}
.gallery-lightbox-close,.gallery-lightbox-prev,.gallery-lightbox-next{position:absolute;border:1px solid rgba(255,255,255,.2);background:rgba(6,35,62,.72);color:#fff;backdrop-filter:blur(10px);cursor:pointer;display:grid;place-items:center;z-index:2}
.gallery-lightbox-close{right:12px;top:12px;width:44px;height:44px;border-radius:50%;font-size:1.7rem}
.gallery-lightbox-prev,.gallery-lightbox-next{top:50%;width:48px;height:64px;border-radius:16px;font-size:1.6rem;transform:translateY(-50%)}
.gallery-lightbox-prev{left:12px}.gallery-lightbox-next{right:12px}
body.gallery-lightbox-open{overflow:hidden}

@media(max-width:1100px){
  .gallery-hero-grid{grid-template-columns:1fr;gap:40px}.gallery-hero-collage{max-width:820px;width:100%}
  .home-photo-grid{grid-auto-rows:190px}.gallery-item{grid-column:span 6}.gallery-item:nth-child(7n+1),.gallery-item:nth-child(7n+5){grid-column:span 6;aspect-ratio:4/3}
}
@media(max-width:760px){
  .home-photo-heading,.gallery-cta{align-items:flex-start;flex-direction:column}
  .home-photo-grid{grid-template-columns:1fr;grid-auto-rows:230px}.home-photo-card,.home-photo-card.home-photo-wide{grid-column:auto}.home-photo-card.home-photo-tall{grid-row:auto}
  .gallery-hero{padding:52px 0}.gallery-hero-collage{grid-template-columns:1fr 1fr;grid-template-rows:230px 145px;transform:none!important}.gallery-hero-collage .gallery-hero-main{grid-column:1/3;grid-row:auto}
  .gallery-grid{grid-template-columns:1fr}.gallery-item,.gallery-item:nth-child(7n+1),.gallery-item:nth-child(7n+5){grid-column:auto;aspect-ratio:4/3}
  .gallery-cta{padding:32px 26px}.gallery-lightbox{padding:12px}.gallery-lightbox-caption{padding-inline:20px}.gallery-lightbox-prev,.gallery-lightbox-next{width:42px;height:54px}
}

/* ===== V18: MMU Melaka student leadership interview ===== */
@media(min-width:981px){
  .story-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.mmu-interview-tile::before,
.story-card[data-video-src*="mmu-international-students-society-interview"]::before{
  content:"NEW";
  position:absolute;
  z-index:4;
  inset:16px 16px auto auto;
  padding:7px 11px;
  border-radius:999px;
  background:linear-gradient(135deg,#42dfbf,#39d2ff);
  color:#05233f;
  font-size:.62rem;
  font-weight:950;
  letter-spacing:.08em;
  box-shadow:0 10px 26px rgba(17,199,221,.3);
}
html[dir="rtl"] .mmu-interview-tile::before,
html[dir="rtl"] .story-card[data-video-src*="mmu-international-students-society-interview"]::before{
  content:"جديد";
  inset:16px auto auto 16px;
  letter-spacing:0;
}
@media(max-width:980px) and (min-width:681px){
  .story-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ===== V19: APU and City University student interviews ===== */
@media(min-width:981px){
  .story-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.new-interview-tile::before,
.new-interview-card::before{
  content:"NEW";
  position:absolute;
  z-index:5;
  inset:16px 16px auto auto;
  padding:7px 11px;
  border-radius:999px;
  background:linear-gradient(135deg,#42dfbf,#39d2ff);
  color:#05233f;
  font-size:.62rem;
  font-weight:950;
  letter-spacing:.08em;
  box-shadow:0 10px 26px rgba(17,199,221,.3);
}
html[dir="rtl"] .new-interview-tile::before,
html[dir="rtl"] .new-interview-card::before{
  content:"جديد";
  inset:16px auto auto 16px;
  letter-spacing:0;
}

/* ===== V20: Majesty Podcast YouTube section ===== */
.podcast-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 15%,rgba(40,202,245,.16),transparent 24rem),
    radial-gradient(circle at 88% 82%,rgba(98,92,246,.11),transparent 26rem),
    linear-gradient(150deg,#061b38 0%,#082e58 52%,#075985 100%);
  color:#fff;
}
.podcast-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:70px 70px;
  pointer-events:none;
}
.podcast-section .container{position:relative;z-index:1}
.podcast-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px}
.podcast-heading>div{max-width:820px}
.podcast-heading .section-kicker{color:#6fe3ff}
.podcast-heading h2{font-size:clamp(2rem,4.2vw,4.1rem);line-height:1.18;margin:12px 0 16px;color:#fff;max-width:980px}
.podcast-heading p{font-size:1.05rem;line-height:1.95;color:#c9dced;max-width:780px;margin:0}
.podcast-channel-link{flex:0 0 auto;color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.07);backdrop-filter:blur(12px)}
.podcast-channel-link:hover{background:#fff;color:#06254a;border-color:#fff}
.podcast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.podcast-card{
  appearance:none;border:1px solid rgba(255,255,255,.16);padding:0;text-align:start;color:inherit;cursor:pointer;
  border-radius:28px;overflow:hidden;background:rgba(3,20,43,.72);box-shadow:0 24px 60px rgba(0,10,28,.24);
  transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease);
}
.podcast-card:hover{transform:translateY(-8px);border-color:rgba(111,227,255,.58);box-shadow:0 30px 72px rgba(0,10,28,.35)}
.podcast-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#04152d}
.podcast-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),filter .4s var(--ease)}
.podcast-card:hover .podcast-thumb img{transform:scale(1.045);filter:saturate(1.06)}
.podcast-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(1,13,31,.72) 100%);pointer-events:none}
.podcast-play{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;transform:translate(-50%,-50%);background:#ff1f2f;color:#fff;box-shadow:0 16px 42px rgba(255,31,47,.42);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.podcast-play svg{width:32px;height:32px;margin-inline-start:4px}
.podcast-card:hover .podcast-play{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 20px 54px rgba(255,31,47,.58)}
.podcast-badge{position:absolute;z-index:2;inset-block-start:18px;inset-inline-start:18px;padding:8px 13px;border-radius:999px;background:rgba(4,20,44,.82);border:1px solid rgba(255,255,255,.25);font-size:.78rem;font-weight:900;letter-spacing:.04em;backdrop-filter:blur(10px)}
.podcast-copy{display:block;padding:25px 27px 28px}
.podcast-copy small{display:block;color:#69daf7;font-weight:800;margin-bottom:9px}
.podcast-copy strong{display:block;color:#fff;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.55;margin-bottom:11px}
.podcast-copy p{color:#bdd1e3;line-height:1.85;margin:0;font-weight:500}
html[dir="rtl"] .podcast-heading,html[dir="rtl"] .podcast-card{text-align:right}
html[dir="rtl"] .podcast-heading{direction:rtl}

/* YouTube player in the shared media modal */
.video-dialog iframe.youtube-player{display:none;width:min(100%,1000px);aspect-ratio:16/9;border:0;background:#000}
.video-dialog.youtube-mode video{display:none}
.video-dialog.youtube-mode iframe.youtube-player{display:block}
.video-dialog.youtube-mode{width:min(1100px,94vw)}

@media(max-width:860px){
  .podcast-heading{display:block}
  .podcast-channel-link{margin-top:24px}
  .podcast-grid{grid-template-columns:1fr}
  .podcast-heading h2{font-size:clamp(2rem,10vw,3.2rem)}
}


/* ===== V22: human-centred About story and expanded gallery ===== */
.about-origin-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 10%,rgba(30,188,238,.13),transparent 25rem),
    radial-gradient(circle at 92% 78%,rgba(87,111,245,.10),transparent 28rem),
    linear-gradient(180deg,#f5faff 0%,#edf6fc 100%);
}
.about-origin-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;
  background-image:linear-gradient(rgba(19,122,183,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(19,122,183,.05) 1px,transparent 1px);
  background-size:58px 58px;
}
.about-origin-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:72px;align-items:center}
.about-origin-copy{position:relative;z-index:2}
.about-origin-copy h2{font-size:clamp(2.45rem,4.5vw,4.85rem);line-height:1.22;letter-spacing:-.045em;color:#092743;margin:16px 0 24px;max-width:820px}
.about-origin-text{font-size:1.08rem;line-height:2.15;color:#4f6c82;font-weight:600;max-width:850px;margin:0}
.about-origin-chips{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.about-origin-chips span{display:inline-flex;align-items:center;min-height:44px;padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid #cae1ef;box-shadow:0 8px 26px rgba(5,50,83,.06);color:#1c587d;font-size:.78rem;font-weight:900}
.about-origin-chips span::before{content:"✓";display:grid;place-items:center;width:22px;height:22px;margin-inline-end:8px;border-radius:50%;background:linear-gradient(145deg,#12b8ed,#42dfbf);color:#fff;font-size:.72rem}
.about-origin-visual{position:relative;min-height:610px;perspective:1200px}
.about-origin-photo{position:absolute;margin:0;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.72);background:#fff;box-shadow:0 28px 70px rgba(4,38,68,.18);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.about-origin-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .75s var(--ease)}
.about-origin-photo figcaption{position:absolute;inset:auto 14px 14px;z-index:2;padding:10px 13px;border-radius:13px;background:rgba(3,25,49,.76);backdrop-filter:blur(10px);color:#fff;font-size:.76rem;font-weight:850;line-height:1.45}
.about-origin-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,19,39,.35));pointer-events:none}
.about-origin-photo.primary{inset:12px 86px 105px 0;z-index:2;transform:rotate(-2.2deg)}
.about-origin-photo.secondary{width:48%;height:43%;inset:auto 0 5px auto;z-index:3;transform:rotate(3.5deg)}
.about-origin-photo.tertiary{width:42%;height:38%;inset:0 0 auto auto;z-index:1;transform:rotate(4deg)}
.about-origin-photo:hover{z-index:5;transform:translateY(-10px) rotate(0deg) scale(1.025);box-shadow:0 34px 84px rgba(4,38,68,.24)}
.about-origin-photo:hover img{transform:scale(1.045)}
html[dir="rtl"] .about-origin-copy{text-align:right}
html[dir="ltr"] .about-origin-copy{text-align:left}
html[dir="rtl"] .about-origin-photo.primary{inset:12px 0 105px 86px;transform:rotate(2.2deg)}
html[dir="rtl"] .about-origin-photo.secondary{inset:auto auto 5px 0;transform:rotate(-3.5deg)}
html[dir="rtl"] .about-origin-photo.tertiary{inset:0 auto auto 0;transform:rotate(-4deg)}
html[dir="rtl"] .about-origin-photo:hover{transform:translateY(-10px) rotate(0deg) scale(1.025)}
.gallery-grid{align-items:start}
@media(max-width:980px){
  .about-origin-grid{grid-template-columns:1fr;gap:42px}
  .about-origin-visual{min-height:570px;max-width:760px;width:100%;margin:auto}
}
@media(max-width:640px){
  .about-origin-copy h2{font-size:2.55rem;line-height:1.28}
  .about-origin-text{font-size:.98rem;line-height:2}
  .about-origin-visual{min-height:460px}
  .about-origin-photo.primary{inset:12px 44px 82px 0}
  html[dir="rtl"] .about-origin-photo.primary{inset:12px 0 82px 44px}
  .about-origin-photo.secondary{width:52%;height:39%}
  .about-origin-photo.tertiary{width:43%;height:34%}
  .about-origin-photo figcaption{font-size:.68rem;padding:8px 10px}
}

/* ===== V23: custom Majesty typography ===== */
@font-face{
  font-family:"RB";
  src:local("RB Light"),local("RB-Light"),url("../fonts/RB-Light.ttf") format("truetype");
  font-style:normal;
  font-weight:300;
  font-display:swap;
}
@font-face{
  font-family:"RB";
  src:local("RB"),local("RB Regular"),local("RB-Regular"),url("../fonts/RB-Regular.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"RB";
  src:local("RB Bold"),local("RB-Bold"),url("../fonts/RB-Bold.ttf") format("truetype");
  font-style:normal;
  font-weight:700 950;
  font-display:swap;
}
@font-face{
  font-family:"Somar";
  src:local("Somar ExtraLight"),local("Somar-ExtraLight"),url("../fonts/Somar-ExtraLight.otf") format("opentype");
  font-style:normal;
  font-weight:200 300;
  font-display:swap;
}
@font-face{
  font-family:"Somar";
  src:local("Somar"),local("Somar Regular"),local("Somar-Regular"),url("../fonts/Somar-Regular.otf") format("opentype");
  font-style:normal;
  font-weight:400 500;
  font-display:swap;
}
@font-face{
  font-family:"Somar";
  src:local("Somar SemiBold"),local("Somar-SemiBold"),url("../fonts/Somar-SemiBold.otf") format("opentype");
  font-style:normal;
  font-weight:600 950;
  font-display:swap;
}

:root{
  --majesty-font-en:"RB","Segoe UI",Arial,sans-serif;
  --majesty-font-ar:"Somar",Tahoma,Arial,sans-serif;
}
html[lang="en"] body,
html[lang="en"] button,
html[lang="en"] input,
html[lang="en"] select,
html[lang="en"] textarea{
  font-family:var(--majesty-font-en);
}
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea{
  font-family:var(--majesty-font-ar);
  letter-spacing:0;
}
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6,
html[lang="en"] strong,
html[lang="en"] b,
html[lang="en"] .btn,
html[lang="en"] .nav-menu a{
  font-family:var(--majesty-font-en);
  font-weight:700;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] strong,
html[lang="ar"] b,
html[lang="ar"] .btn,
html[lang="ar"] .nav-menu a{
  font-family:var(--majesty-font-ar);
  font-weight:700;
}
html[lang="en"] p,
html[lang="en"] li,
html[lang="en"] label,
html[lang="en"] small,
html[lang="en"] figcaption{font-weight:400}
html[lang="ar"] p,
html[lang="ar"] li,
html[lang="ar"] label,
html[lang="ar"] small,
html[lang="ar"] figcaption{font-weight:400}

/* Font-specific spacing and line-height tuning */
html[lang="en"] body{line-height:1.62}
html[lang="ar"] body{line-height:1.78}
html[lang="ar"] .hero-v4-copy h1,
html[lang="ar"] .section-title,
html[lang="ar"] .section-head-v4 h2,
html[lang="ar"] .page-hero h1,
html[lang="ar"] .about-origin-copy h2,
html[lang="ar"] .podcast-heading h2{
  line-height:1.24;
  padding-block:.04em .12em;
}
html[lang="ar"] .nav-menu a,
html[lang="ar"] .btn,
html[lang="ar"] .section-kicker{font-weight:700}

/* ===== V25: slightly larger, more readable typography ===== */
html[lang="ar"]{font-size:17.5px}
html[lang="en"]{font-size:17px}

/* Somar has a compact visual height, so key Arabic UI text gets a small lift. */
html[lang="ar"] .nav-menu a{font-size:.98rem}
html[lang="ar"] .btn{font-size:1rem}
html[lang="ar"] .hero-v4-copy>p,
html[lang="ar"] .hero-copy>p,
html[lang="ar"] .section-lead,
html[lang="ar"] .path-intro{font-size:1.12rem}
html[lang="ar"] .hero-badge,
html[lang="ar"] .section-kicker{font-size:.9rem}
html[lang="ar"] .float-module strong{font-size:.92rem}
html[lang="ar"] .float-module span{font-size:.76rem}
html[lang="ar"] .profile-top strong{font-size:1.02rem}
html[lang="ar"] .profile-top span,
html[lang="ar"] .profile-score,
html[lang="ar"] .skill{font-size:.8rem}

@media(max-width:1180px){
  html[lang="ar"]{font-size:17px}
  html[lang="en"]{font-size:16.5px}
}
@media(max-width:720px){
  html[lang="ar"],html[lang="en"]{font-size:16.5px}
}

/* ===== V26: restore Arabic typography to the previous visual size =====
   Somar has smaller glyph metrics than the previous Arabic font, so the
   root size is increased to recover the same on-screen readability. */
html[lang="ar"]{font-size:21.5px}
html[lang="en"]{font-size:17px}

/* Keep large display headings balanced while increasing body/UI copy. */
html[lang="ar"] .hero-v4-copy h1{font-size:clamp(3.2rem,5.7vw,5.75rem)}
html[lang="ar"] .section-head-v4 h2,
html[lang="ar"] .section-title,
html[lang="ar"] .page-hero h1,
html[lang="ar"] .about-origin-copy h2,
html[lang="ar"] .podcast-heading h2{line-height:1.28}

@media(max-width:1180px){
  html[lang="ar"]{font-size:20px}
  html[lang="en"]{font-size:16.5px}
}
@media(max-width:720px){
  html[lang="ar"]{font-size:18px}
  html[lang="en"]{font-size:16.5px}
}

/* ===== V27: media-first hero navigation ===== */
.hero-media-hub{
  grid-column:2;
  grid-row:1;
  height:590px;
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(180px,.72fr);
  grid-template-rows:repeat(3,1fr);
  gap:14px;
  position:relative;
  z-index:2;
  perspective:1200px;
}
html[dir="rtl"] .hero-media-hub{grid-column:2;grid-row:1}
.hero-media-hub::before{
  content:"";
  position:absolute;
  width:72%;height:78%;
  inset:11% auto auto 8%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(56,203,255,.26),rgba(20,104,184,.08) 48%,transparent 70%);
  filter:blur(22px);
  pointer-events:none;
}
.hero-media-card{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(142,224,255,.22);
  background:#06294b;
  box-shadow:0 22px 52px rgba(0,13,35,.28),inset 0 1px 0 rgba(255,255,255,.1);
  color:#fff;
  text-decoration:none;
  isolation:isolate;
  transform:translateZ(0);
  transition:transform .45s cubic-bezier(.2,.75,.2,1),border-color .35s ease,box-shadow .45s ease;
}
.hero-media-card:hover{
  transform:translateY(-7px) scale(1.012);
  border-color:rgba(126,229,255,.58);
  box-shadow:0 30px 66px rgba(0,13,35,.38),0 0 0 1px rgba(78,211,255,.08) inset;
}
.hero-media-main{grid-column:1;grid-row:1/4}
.hero-media-side{grid-column:2;min-height:0}
.hero-media-university{grid-row:1}
.hero-media-podcast{grid-row:2}
.hero-media-gallery{grid-row:3}
.hero-media-card video,.hero-media-card img{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  object-fit:cover;
  transform:scale(1.02);
  transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .45s ease;
}
.hero-media-card:hover video,.hero-media-card:hover img{transform:scale(1.075)}
.hero-media-overlay{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(1,13,31,.04) 24%,rgba(2,18,39,.42) 58%,rgba(2,15,35,.92) 100%);
}
.hero-media-side .hero-media-overlay{background:linear-gradient(180deg,rgba(1,13,31,.08),rgba(1,17,39,.86) 100%)}
.hero-media-copy{
  position:absolute;
  z-index:3;
  inset:auto 22px 22px 22px;
  display:flex;
  flex-direction:column;
  gap:5px;
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}
.hero-media-copy small{
  color:#77defc;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hero-media-copy strong{
  color:#fff;
  font-size:1.08rem;
  line-height:1.4;
  font-weight:800;
}
.hero-media-main .hero-media-copy strong{font-size:1.45rem;max-width:88%}
.hero-media-copy em{
  margin-top:4px;
  color:#c6dcea;
  font-size:.74rem;
  font-style:normal;
  font-weight:650;
}
.hero-media-copy em b{color:#61e6ff;font-size:1rem}
.hero-media-play{
  position:absolute;z-index:4;
  inset:22px 22px auto auto;
  width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(255,255,255,.93);color:#07375d;
  box-shadow:0 12px 26px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
}
html[dir="rtl"] .hero-media-play{inset:22px auto auto 22px}
.hero-media-play svg{width:22px;height:22px;margin-inline-start:2px}
.hero-media-arrow{
  position:absolute;z-index:4;
  inset:14px 14px auto auto;
  width:32px;height:32px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(6,40,72,.64);
  border:1px solid rgba(255,255,255,.18);
  color:#8eeaff;
  font-weight:900;
  transition:transform .35s ease,background .35s ease;
}
html[dir="rtl"] .hero-media-arrow{inset:14px auto auto 14px}
.hero-media-card:hover .hero-media-arrow{transform:translateY(4px);background:rgba(21,172,226,.8);color:#fff}
.hero-media-podcast img{object-position:center 35%}
.hero-media-gallery img{object-position:center 42%}

/* New passport headline: preserve two-line impact on desktop. */
.hero-v4-copy .hero-passport-title{font-size:clamp(3.1rem,4.9vw,5.15rem);line-height:1.18;margin:22px 0 20px}
.hero-v4-copy .hero-passport-title .hero-title-line{display:block}
.hero-v4-copy .hero-passport-title .hero-title-gradient{font-size:.84em;white-space:nowrap}
html[lang="ar"] .hero-v4-copy .hero-passport-title{font-size:clamp(3rem,4.65vw,4.95rem);line-height:1.28}
html[lang="ar"] .hero-v4-copy .hero-passport-title .hero-title-gradient{font-size:.86em}

/* Anchor destinations sit cleanly below the sticky header. */
#assessment-highlight,#university-network,#majesty-stories,#majesty-podcast,#photo-stories{scroll-margin-top:105px}

@media(max-width:1180px){
  .hero-media-hub,html[dir="rtl"] .hero-media-hub{grid-column:auto;grid-row:auto;width:min(100%,760px);margin-inline:auto;height:560px}
}
@media(max-width:860px){
  .hero-media-hub,html[dir="rtl"] .hero-media-hub{
    height:auto;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:320px 150px;
    gap:11px;
  }
  .hero-media-main{grid-column:1/4;grid-row:1}
  .hero-media-university{grid-column:1;grid-row:2}
  .hero-media-podcast{grid-column:2;grid-row:2}
  .hero-media-gallery{grid-column:3;grid-row:2}
  .hero-media-side .hero-media-copy{inset:auto 13px 13px 13px}
  .hero-media-side .hero-media-copy strong{font-size:.9rem}
  .hero-media-side .hero-media-copy small{font-size:.62rem}
  .hero-v4-copy .hero-passport-title,html[lang="ar"] .hero-v4-copy .hero-passport-title{font-size:clamp(2.9rem,10vw,4.5rem)}
}
@media(max-width:620px){
  .hero-media-hub,html[dir="rtl"] .hero-media-hub{
    grid-template-columns:1fr 1fr;
    grid-template-rows:260px 135px 135px;
  }
  .hero-media-main{grid-column:1/3;grid-row:1}
  .hero-media-university{grid-column:1;grid-row:2}
  .hero-media-podcast{grid-column:2;grid-row:2}
  .hero-media-gallery{grid-column:1/3;grid-row:3}
  .hero-media-gallery img{object-position:center 38%}
  .hero-media-main .hero-media-copy strong{font-size:1.16rem}
  .hero-media-copy{inset:auto 16px 16px 16px}
  .hero-media-play{width:44px;height:44px;inset:16px 16px auto auto}
  html[dir="rtl"] .hero-media-play{inset:16px auto auto 16px}
  .hero-media-arrow{display:none}
  .hero-v4-copy .hero-passport-title .hero-title-gradient{white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  .hero-media-card,.hero-media-card img,.hero-media-card video,.hero-media-arrow{transition:none!important}
}

/* Assessment v5 — one-field / one-major adaptive recommendation */
.question-guidance-v5{margin:-12px 0 22px;color:#71879a;font-size:.86rem;line-height:1.75}
.choice-grid-v5{display:grid;grid-template-columns:1fr;gap:11px}
.choice-option-v5{position:relative;display:block}
.choice-option-v5 input{position:absolute;opacity:0;pointer-events:none}
.choice-option-v5 span{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:14px;min-height:76px;padding:13px 16px;border:1px solid #d9e6ef;border-radius:17px;background:#fbfdff;cursor:pointer;transition:.22s ease}
.choice-option-v5 b{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#edf5fa;color:#37647f;font-size:.9rem}
.choice-option-v5 em{font-style:normal;color:#294b63;font-size:.95rem;line-height:1.65;font-weight:750}
.choice-option-v5 input:checked+span{border-color:#15aee5;background:linear-gradient(135deg,#eaf8fe,#f4fbff);box-shadow:0 10px 24px rgba(19,185,238,.12);transform:translateY(-1px)}
.choice-option-v5 input:checked+span b{background:linear-gradient(145deg,#0a83d9,#14bbed);color:#fff}
.assessment-stage-note-v5{display:flex;flex-direction:column;gap:5px;margin:0 0 22px;padding:16px 18px;border:1px solid #bfe5f4;border-radius:16px;background:linear-gradient(135deg,#effaff,#f4fbf8);color:#35566d}
.assessment-stage-note-v5 strong{color:#0876c7;font-size:.95rem}.assessment-stage-note-v5 span{font-size:.82rem;line-height:1.7}
.major-likert-v5{margin-top:8px}
.single-result-v5{max-width:960px}
.result-hero-v5{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center;margin-top:30px;padding:28px;border-radius:26px;background:linear-gradient(145deg,#061f42,#0a6196);color:#fff;box-shadow:0 24px 55px rgba(7,54,93,.18)}
.result-match-ring-v5{width:148px;height:148px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:10px solid rgba(255,255,255,.11);box-shadow:inset 0 0 0 2px rgba(83,222,206,.45),0 0 0 1px rgba(255,255,255,.12);background:radial-gradient(circle at 35% 25%,rgba(51,210,244,.22),rgba(8,42,81,.78))}
.result-match-ring-v5 strong{font-size:2.25rem;line-height:1;color:#fff}.result-match-ring-v5 span{margin-top:8px;color:#aee7f4;font-size:.73rem;font-weight:850}
.result-identity-v5>span{display:block;color:#94dbe9;font-size:.75rem;font-weight:850;margin-bottom:5px}
.result-identity-v5 h3{margin:0 0 19px;font-size:1.2rem;color:#d9f4fb}.result-identity-v5 h4{margin:0;font-size:clamp(2.1rem,4.5vw,4.2rem);line-height:1.22;color:#fff}
.result-panel-grid-v5{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.result-detail-card-v5{padding:23px;border:1px solid #dbe7ef;border-radius:20px;background:#fbfdff}.result-detail-card-v5 h5{margin:0 0 10px;color:#0b2f50;font-size:1rem}.result-detail-card-v5 p{margin:0;color:#5e7487;line-height:1.8}.result-detail-card-v5 ul{margin:0;padding-inline-start:20px;color:#48647a;line-height:1.9}.major-fit-explain-v5{margin-top:12px!important;padding-top:12px;border-top:1px solid #e2ebf1;color:#315d78!important;font-weight:700}.next-step-v5{grid-column:1/-1;background:linear-gradient(135deg,#f4fbff,#f7fcfa)}
.mini-confidence-v5{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.mini-confidence-v5 span{padding:9px 12px;border-radius:10px;background:#eaf5fa;color:#527187;font-size:.75rem}.mini-confidence-v5 b{color:#0876c7;margin-inline-start:4px}
html[dir="rtl"] .choice-option-v5 span{text-align:right}html[dir="ltr"] .choice-option-v5 span{text-align:left}
@media(max-width:720px){.result-hero-v5{grid-template-columns:1fr;text-align:center}.result-match-ring-v5{margin:auto}.result-panel-grid-v5{grid-template-columns:1fr}.next-step-v5{grid-column:auto}.choice-option-v5 span{grid-template-columns:42px 1fr;padding:11px 12px}.choice-option-v5 em{font-size:.88rem}}
.radar-results.radar-single-result{grid-template-columns:1fr}.radar-results.radar-single-result span{text-align:center;padding:13px}.radar-results.radar-single-result b{font-size:1rem;color:#fff}

/* V34 assessment: multi-select and denser answer sets */
.choice-grid-multi-v9 .choice-option-v5 span{background:linear-gradient(180deg,#fbfdff,#f7fbfe)}
.choice-grid-multi-v9 .choice-option-v5 input:checked+span{border-color:#0aa7de;background:linear-gradient(135deg,#e7f8ff,#f3fbff);box-shadow:0 10px 26px rgba(10,167,222,.14)}
.question-v4 h2{max-width:980px}
@media(min-width:980px){.choice-grid-v5{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-option-v5 span{height:100%;min-height:82px}}
@media(max-width:979px){.choice-grid-v5{grid-template-columns:1fr}}


/* ===== V35: evidence-informed activity-rating assessment ===== */
.rating-scale-v10{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:28px 0 18px}.rating-option-v10{cursor:pointer}.rating-option-v10 input{position:absolute;opacity:0;pointer-events:none}.rating-option-v10 span{display:flex;min-height:116px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:16px 10px;border:1px solid rgba(74,142,190,.28);border-radius:18px;background:rgba(255,255,255,.06);transition:.2s ease}.rating-option-v10 b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(70,181,255,.12);font-size:.88rem}.rating-option-v10 em{font-style:normal;line-height:1.35}.rating-option-v10:hover span{transform:translateY(-2px);border-color:rgba(68,190,255,.7);background:rgba(68,190,255,.09)}.rating-option-v10 input:checked+span{border-color:#46bfff;background:linear-gradient(145deg,rgba(40,149,232,.22),rgba(57,208,235,.12));box-shadow:0 0 0 2px rgba(70,191,255,.12) inset}.rating-question-v10 h2{max-width:940px}.rating-question-v10 .question-guidance-v5{max-width:900px}@media(max-width:760px){.rating-scale-v10{grid-template-columns:1fr}.rating-option-v10 span{min-height:auto;flex-direction:row;justify-content:flex-start;text-align:start;padding:14px 16px}.rating-option-v10 b{flex:0 0 34px}}

/* ===== V37: assessment-only additions; global V35 typography/layout preserved ===== */
.assessment-signal-list-v36{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.assessment-signal-list-v36 li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border:1px solid rgba(28,113,181,.14);border-radius:14px;background:rgba(238,248,255,.72)}
.assessment-signal-list-v36 li strong{font-weight:700}
.assessment-signal-list-v36 li span{font-size:.84rem;color:#2474a8;white-space:nowrap}
.assessment-facts span b{min-width:42px}