/* ═══════════════════════════════════════════════════════════════════
   MARSEVO GLOBAL — design system
   Brand (from logo): deep navy #0F2145 · gold #D4A937 · white
   MBBS Abroad / Masters Abroad — luxury navy-gold education consultancy
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --navy:#0F2145; --navy2:#0A1834; --navy3:#16294F; --royal:#26436B;
  --gold:#D19A18; --gold2:#E9B93C; --goldD:#A87B0B; --cream:#FAF1D8;
  --ink:#F2F5FB; --mut:rgba(233,239,250,.66); --soft:rgba(233,239,250,.42);
  --bg:#0A1834; --card:#12264B; --line:rgba(205,150,20,.32); --line2:rgba(255,255,255,.08);
  --r:18px; --r2:24px;
  --sh:0 12px 34px -18px rgba(0,0,0,.55);
  --sh2:0 26px 60px -26px rgba(0,0,0,.7);
  --hd:72px; --tb:38px;
  --disp:'Poppins',system-ui,sans-serif; --sans:'Inter',system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html:focus-within{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:linear-gradient(180deg,#0D1F42 0%,#0A1834 40%,#091530 100%) fixed;line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
i.svgi{display:inline-grid;place-items:center;font-style:normal;line-height:1}
i.svgi svg{width:1em;height:1em;display:block}
.wrap{max-width:1240px;margin:0 auto;padding:0 22px}
h1,h2,h3,h4{font-family:var(--disp);line-height:1.22;color:#fff}
.g{color:var(--gold)}
.grad{background:linear-gradient(92deg,var(--gold2) 0%,var(--gold) 55%,var(--goldD) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec{padding:72px 0}
/* gold-rule section heading (reference style: — HEADING —) */
.sec-h{text-align:center;max-width:680px;margin:0 auto 40px}
.sec-h h2{font-size:clamp(23px,3.1vw,33px);font-weight:700;display:inline-flex;align-items:center;gap:16px}
.sec-h h2::before,.sec-h h2::after{content:"";width:52px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--gold));flex:0 0 auto}
.sec-h h2::after{background:linear-gradient(90deg,var(--gold),transparent)}
.sec-h p{color:var(--mut);font-size:14.5px;margin-top:10px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(205,150,20,.45);border-radius:99px;padding:8px 17px;font-family:var(--disp);font-weight:700;font-size:10.5px;letter-spacing:1.8px;color:var(--gold2);text-transform:uppercase;margin-bottom:16px}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 0 0 3px rgba(205,150,20,.2)}
/* decorated ground (faint grid + washes) */
.deco{position:relative}
.deco>.wrap{position:relative;z-index:1}
.deco::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(640px 320px at -4% 0%,rgba(205,150,20,.06),transparent 62%),
  radial-gradient(640px 320px at 104% 96%,rgba(38,67,107,.35),transparent 62%),
  linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:auto,auto,46px 46px,46px 46px;
  -webkit-mask-image:radial-gradient(85% 90% at 50% 45%,#000 55%,transparent 100%);
  mask-image:radial-gradient(85% 90% at 50% 45%,#000 55%,transparent 100%)}
.band-cream{background:linear-gradient(180deg,#0E2144 0%,#0B1A38 100%);border-top:1px solid rgba(205,150,20,.22);border-bottom:1px solid rgba(205,150,20,.22)}
.band-sky{background:linear-gradient(180deg,#0F2348 0%,#0B1A38 100%);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}

/* ── buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--disp);font-weight:700;font-size:14.5px;border-radius:12px;padding:14px 26px;cursor:pointer;border:0;transition:.25s;white-space:nowrap}
.btn-g{background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--navy2);box-shadow:0 12px 26px -10px rgba(205,150,20,.6)}
.btn-g:hover{transform:translateY(-2px);box-shadow:0 16px 32px -10px rgba(205,150,20,.7)}
.btn-n{background:linear-gradient(135deg,var(--navy3),var(--navy2));color:#fff;box-shadow:0 12px 26px -10px rgba(10,24,52,.55)}
.btn-n:hover{transform:translateY(-2px)}
.btn-w{background:rgba(255,255,255,.05);color:#fff;border:1.5px solid rgba(205,150,20,.5);box-shadow:var(--sh)}
.btn-w:hover{border-color:var(--gold2);color:var(--gold2)}
.btn-ghost{background:transparent;color:#fff;border:1.6px solid rgba(255,255,255,.4)}
.btn-ghost:hover{border-color:var(--gold2);color:var(--gold2)}
.btn-wa{background:linear-gradient(135deg,#34D399,#10B981);color:#fff;box-shadow:0 12px 26px -10px rgba(16,185,129,.55)}
.btn-wa:hover{transform:translateY(-2px)}

/* ═══ TOP UTILITY BAR ═══ */
.topbar{position:fixed;top:0;left:0;right:0;z-index:121;height:var(--tb);background:var(--navy2);color:rgba(255,255,255,.78);font-size:11.5px;transition:.3s;overflow:hidden}
.topbar .wrap{height:100%;display:flex;align-items:center;gap:18px}
.topbar a{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.78);font-weight:600}
.topbar a:hover{color:var(--gold2)}
.topbar i{color:var(--gold)}
.tb-right{margin-left:auto;display:flex;gap:16px;align-items:center;flex:0 0 auto}
/* scrolling announcement ticker */
.tb-marq{flex:1;min-width:0;overflow:hidden;margin:0 18px;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tb-track{display:inline-flex;align-items:center;gap:26px;white-space:nowrap;animation:tbScroll 42s linear infinite;will-change:transform}
.tb-marq:hover .tb-track{animation-play-state:paused}
.tb-track span{color:rgba(255,255,255,.72);font-weight:600}
.tb-track b{color:var(--gold);font-size:13px}
@keyframes tbScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.tb-track{animation:none}}
.scrolled-page .topbar{height:0}

/* ═══ HEADER (navy glass) ═══ */
.hd{position:fixed;top:var(--tb);left:0;right:0;z-index:120;background:rgba(15,33,69,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07);transition:.3s}
.scrolled-page .hd{top:0;box-shadow:0 12px 34px -18px rgba(4,10,26,.6)}
.hd-in{height:var(--hd);display:flex;align-items:center;gap:24px}
.logo{display:flex;align-items:center;flex:0 0 auto}
.logo img{height:44px;width:auto}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav>li{position:relative}
.nav a.top{display:flex;align-items:center;gap:6px;padding:10px 12px;font-family:var(--disp);font-size:13.5px;font-weight:500;color:rgba(255,255,255,.88);border-radius:10px;transition:.2s;white-space:nowrap}
.nav a.top:hover,.nav a.top.act{color:var(--gold2)}
.nav a.top.act{font-weight:600}
.nav a.top .car{font-size:10px;transition:.25s;color:rgba(255,255,255,.5)}
.nav li:hover .car{transform:rotate(180deg)}
.menu{position:absolute;top:calc(100% + 10px);left:0;min-width:270px;background:linear-gradient(168deg,#152C56,#0E1F42);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh2);padding:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;z-index:50}
.nav li:hover .menu{opacity:1;visibility:visible;transform:translateY(0)}
.menu a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;font-size:13.5px;font-weight:500;color:rgba(255,255,255,.85)}
.menu a:hover{background:rgba(205,150,20,.14);color:var(--gold2)}
.menu a i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:13px;flex:0 0 auto}
.hd-cta{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.hd-tel{display:none;width:42px;height:42px;border-radius:50%;border:1.6px solid var(--gold);color:var(--gold2);place-items:center;font-size:15px;transition:.25s;flex:0 0 auto}
.hd-tel:hover{background:var(--gold);color:var(--navy2)}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1.5px solid rgba(255,255,255,.25);background:transparent;cursor:pointer;place-items:center;font-size:18px;color:#fff}

/* ═══ MOBILE DRAWER — slides from the RIGHT, always on top ═══ */
.mwrap{position:fixed;inset:0;z-index:400;pointer-events:none}
.mscrim{position:absolute;inset:0;background:rgba(6,14,32,.6);backdrop-filter:blur(3px);opacity:0;transition:.3s}
.mpanel{position:absolute;top:0;right:0;bottom:0;width:min(320px,86vw);background:linear-gradient(180deg,#10254C,#0B1A38);transform:translateX(102%);transition:.34s cubic-bezier(.22,.9,.3,1);display:flex;flex-direction:column;box-shadow:-30px 0 60px -30px rgba(6,14,32,.5)}
.mwrap.open{pointer-events:auto}
.mwrap.open .mscrim{opacity:1}
.mwrap.open .mpanel{transform:translateX(0)}
body.locked{overflow:hidden}
.mp-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line2);background:var(--navy2)}
.mp-hd img{height:40px;width:auto}
.mp-x{width:38px;height:38px;border-radius:11px;border:1.5px solid rgba(255,255,255,.3);background:transparent;font-size:15px;color:#fff;cursor:pointer}
.mp-sc{flex:1;overflow-y:auto;padding:12px 14px 20px}
.mp-sc::-webkit-scrollbar{width:4px}
.mp-sc::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}
.mp-a{display:flex;align-items:center;justify-content:space-between;padding:13px 12px;border-radius:12px;font-family:var(--disp);font-weight:500;font-size:14.5px;color:rgba(255,255,255,.88)}
.mp-a:hover{background:rgba(205,150,20,.13)}
.mp-grp{margin:4px 0 2px;padding:11px 12px 4px;font-size:10.5px;font-weight:700;letter-spacing:1.4px;color:var(--soft);text-transform:uppercase}
.mp-sub{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;font-size:13px;color:rgba(255,255,255,.78)}
.mp-sub:hover{background:rgba(205,150,20,.13);color:var(--gold2)}
.mp-sub i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:12px;flex:0 0 auto}
.mp-ft{padding:14px;border-top:1px solid var(--line2);display:grid;gap:9px}
.mp-contact{padding:10px 12px 2px;font-size:12.5px;color:var(--mut);display:grid;gap:7px}
.mp-contact a{display:flex;gap:9px;align-items:center}
.mp-contact i{color:var(--gold);width:16px}

/* ═══ MOBILE BOTTOM NAV (sticky) ═══ */
.mbot{display:none;position:fixed;left:0;right:0;bottom:0;z-index:300;background:linear-gradient(180deg,#10254C,#0B1A38);border-top:1px solid rgba(205,150,20,.4);box-shadow:0 -14px 34px -16px rgba(0,0,0,.7);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
.mbot ul{display:flex;align-items:flex-end}
.mbot li{flex:1}
.mbot a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px 4px;font-size:10.5px;font-weight:600;color:rgba(255,255,255,.6);font-family:var(--disp)}
.mbot a i{font-size:17px}
.mbot a.on{color:var(--gold2)}
.mbot .fab{margin-top:-30px;display:grid;place-items:center}
.mbot .fab span{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#34D399,#10B981);color:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 14px 30px -10px rgba(16,185,129,.65);border:4px solid #0C1E40}
.mbot .fab em{font-style:normal;font-size:10px;color:rgba(255,255,255,.6);font-weight:600;margin-top:2px}

/* ═══ HERO (deep navy, gold glow) ═══ */
.hero{position:relative;padding:calc(var(--hd) + var(--tb) + 42px) 0 54px;background:
  radial-gradient(820px 400px at 12% -6%,rgba(205,150,20,.16),transparent 58%),
  radial-gradient(720px 400px at 92% 8%,rgba(38,67,107,.55),transparent 60%),
  linear-gradient(168deg,#13284F 0%,var(--navy2) 60%,#081124 100%)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;
  -webkit-mask-image:radial-gradient(80% 85% at 50% 40%,#000 40%,transparent 100%);mask-image:radial-gradient(80% 85% at 50% 40%,#000 40%,transparent 100%)}
.hero .wrap{position:relative;z-index:1}
.hero-g{display:grid;grid-template-columns:1.08fr .95fr .88fr;gap:26px;align-items:start}
.h-alert{display:inline-flex;align-items:center;gap:11px;background:rgba(255,255,255,.08);border:1px solid rgba(205,150,20,.4);border-radius:99px;padding:7px 20px 7px 8px;font-family:var(--disp);font-weight:700;font-size:14px;color:#fff;margin-bottom:16px;position:relative;overflow:hidden}
.h-alert .dot{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--gold2),var(--gold));display:grid;place-items:center;color:var(--navy2);font-size:13px;flex:0 0 auto;animation:haPulse 2.3s ease-out infinite}
@keyframes haPulse{0%{box-shadow:0 0 0 0 rgba(205,150,20,.5)}70%,100%{box-shadow:0 0 0 10px rgba(205,150,20,0)}}
.h-alert::after{content:"";position:absolute;top:0;bottom:0;width:42%;left:-60%;transform:skewX(-18deg);background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);animation:haSheen 3.6s ease-in-out infinite}
@keyframes haSheen{0%,15%{left:-60%}65%,100%{left:130%}}
.h-big{font-size:clamp(32px,4.4vw,52px);font-weight:800;letter-spacing:-.5px;color:#fff;margin:2px 0 6px}
.h-big .grad{display:block}
.h-tag{font-family:var(--disp);font-weight:600;font-size:clamp(16px,2vw,22px);color:rgba(255,255,255,.92)}
.h-sub{color:rgba(255,255,255,.62);font-size:14.5px;max-width:440px;margin-top:12px}
.h-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.h-badges span{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:99px;padding:7px 14px;font-family:var(--disp);font-weight:600;font-size:11px;color:#fff}
.h-badges i{color:var(--gold2)}
.h-cta{display:flex;gap:13px;margin-top:24px;flex-wrap:wrap}
/* center art */
.h-art{position:relative;display:grid;place-items:center;margin-top:8px}
.h-art .disc{position:relative;width:min(100%,360px);aspect-ratio:.82;border-radius:30px;overflow:hidden;box-shadow:0 30px 70px -25px rgba(0,0,0,.7);border:1px solid rgba(205,150,20,.35);animation:heroFloat 7s ease-in-out infinite}
.h-art .disc img{width:100%;height:100%;object-fit:cover}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.chip{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh2);padding:9px 12px;display:flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:700;font-size:10px;letter-spacing:.5px;color:var(--navy);animation:chipFloat 5.5s ease-in-out infinite}
.chip i{color:var(--goldD);font-size:13px}
.chip.c1{left:-26px;top:9%;animation-delay:0s}
.chip.c2{left:-32px;top:48%;animation-delay:1.2s}
.chip.c3{left:-18px;bottom:8%;animation-delay:2.1s}
.chip.c4{right:-24px;top:16%;animation-delay:.7s}
.chip.c5{right:-28px;bottom:22%;animation-delay:1.8s}
@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
/* fee card stack */
/* luxury navy-gold fee card — matches the hero, gold shine on the number */
.feecard{background:
  radial-gradient(300px 180px at 50% -50px,rgba(205,150,20,.30),transparent 62%),
  linear-gradient(168deg,#1A3059 0%,#0E1D3E 55%,#0A1834 100%);
  border-radius:var(--r2);box-shadow:0 34px 80px -28px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.09);padding:24px 22px;position:relative;overflow:hidden;border:1px solid rgba(205,150,20,.55);margin-top:8px}
.feecard::after{content:"";position:absolute;right:-46px;bottom:-52px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(205,150,20,.22),transparent 65%);animation:feeGlow 4.5s ease-in-out infinite;pointer-events:none}
@keyframes feeGlow{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}
.fee-k{font-family:var(--disp);font-weight:700;font-size:10.5px;letter-spacing:2.2px;color:rgba(255,255,255,.65);text-transform:uppercase;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px}
.fee-k::before,.fee-k::after{content:"";width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold))}
.fee-k::after{background:linear-gradient(90deg,var(--gold),transparent)}
.fee-n{font-family:var(--disp);font-weight:800;font-size:54px;line-height:1;text-align:center;color:#fff;margin:10px 0 4px;position:relative;z-index:1}
.fee-n .grad{font-size:54px;background:linear-gradient(175deg,#EFC14A 6%,#DFA92A 32%,#CB9414 64%,#A87B0B 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(205,150,20,.5));animation:feeNum 3.8s ease-in-out infinite}
@keyframes feeNum{0%,100%{filter:drop-shadow(0 6px 18px rgba(205,150,20,.45))}50%{filter:drop-shadow(0 8px 26px rgba(233,185,60,.8))}}
.fee-sub{text-align:center;font-family:var(--disp);font-weight:700;font-size:11.5px;color:var(--gold2);letter-spacing:2px}
.fee-chip{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.06);border:1px solid rgba(205,150,20,.35);color:#fff;border-radius:14px;padding:11px 14px;margin-top:15px;position:relative;z-index:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.fee-chip i{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--navy2);display:grid;place-items:center;font-size:15px;flex:0 0 auto;box-shadow:0 8px 16px -6px rgba(205,150,20,.6)}
.fee-chip b{font-family:var(--disp);font-size:12.5px;display:block;line-height:1.3}
.fee-chip span{font-size:10.5px;color:rgba(255,255,255,.58)}
.fee-recog{display:flex;justify-content:center;gap:8px;margin-top:14px;flex-wrap:wrap;position:relative;z-index:1}
.fee-recog span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);border-radius:99px;padding:6px 13px;font-family:var(--disp);font-weight:700;font-size:10px;color:#fff}
.fee-recog i{color:var(--gold2)}
.feecard .btn{width:100%;margin-top:15px;position:relative;z-index:1}
.fee-note{display:flex;justify-content:center;gap:7px;align-items:center;margin-top:11px;font-size:10.5px;color:rgba(255,255,255,.5);position:relative;z-index:1}
.fee-note i{color:var(--gold2)}

/* ═══ STATS BAND (navy, gold icons) ═══ */
.stats{margin-top:-1px;background:linear-gradient(180deg,var(--navy2),#0C1B3A);border-top:1px solid rgba(205,150,20,.25);border-bottom:1px solid rgba(205,150,20,.25)}
.stats-g{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;padding:28px 0}
.st{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:18px 8px 15px;border-radius:16px;transition:.28s;position:relative;overflow:hidden;
  background:linear-gradient(168deg,rgba(255,255,255,.055),rgba(255,255,255,.015) 60%);
  border:1px solid rgba(205,150,20,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 26px -16px rgba(0,0,0,.5)}
.st:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 36px -16px rgba(205,150,20,.35)}
.st i{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,rgba(205,150,20,.25),rgba(205,150,20,.1));border:1px solid rgba(205,150,20,.5);color:var(--gold2);display:grid;place-items:center;font-size:18px}
.st b{font-family:var(--disp);font-size:22px;font-weight:800;color:#fff;line-height:1}
.st span{font-size:10.5px;color:rgba(255,255,255,.6);font-weight:600;line-height:1.35}

/* ═══ CARDS ═══ */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.icard{background:linear-gradient(168deg,#16305C 0%,#102347 60%,#0E1F42 100%);border:1px solid var(--line);border-radius:var(--r);padding:22px;transition:.3s;position:relative;overflow:hidden}
.icard:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:rgba(205,150,20,.5)}
.icard .ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:19px;color:var(--navy2);margin-bottom:14px;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 10px 20px -8px rgba(205,150,20,.55)}
.icard b{font-family:var(--disp);font-size:14.5px;color:#fff}
.icard p{font-size:12.5px;color:var(--mut);margin-top:7px;line-height:1.7}
/* why grid = 6 */
.why-g{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}
.why-g .icard{text-align:center;padding:20px 13px}
.why-g .icard .ic{margin:0 auto 12px}
.why-g .icard b{font-size:12.5px;display:block;line-height:1.4}
.why-g .icard p{font-size:10.5px;line-height:1.5;margin-top:5px}

/* ═══ UNIVERSITY CARDS ═══ */
.uni-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ucard{background:linear-gradient(168deg,#16305C 0%,#102347 60%,#0E1F42 100%);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.3s;display:flex;flex-direction:column}
.ucard:hover{transform:translateY(-5px);box-shadow:var(--sh2);border-color:rgba(205,150,20,.55)}
.ucard .im{position:relative;aspect-ratio:16/9.5;overflow:hidden}
.ucard .im img{width:100%;height:100%;object-fit:cover;transition:.5s}
.ucard:hover .im img{transform:scale(1.07)}
.ucard .flag{position:absolute;left:12px;top:12px;background:rgba(10,24,52,.85);backdrop-filter:blur(6px);color:#fff;font-family:var(--disp);font-weight:600;font-size:10px;padding:5px 11px;border-radius:8px;letter-spacing:.5px;display:flex;align-items:center;gap:6px}
.ucard .flag .f{width:14px;height:10px;border-radius:2px;display:inline-block;flex:0 0 auto}
.ucard .bd{padding:16px 16px 18px;flex:1;display:flex;flex-direction:column}
.ucard h3{font-size:14.5px;line-height:1.45}
.ucard .fee{display:flex;align-items:baseline;gap:6px;margin-top:10px}
.ucard .fee span{font-size:10.5px;color:var(--mut);font-weight:600}
.ucard .fee b{font-family:var(--disp);font-size:19px;color:var(--goldD)}
.ucard .btn{margin-top:13px;padding:11px 18px;font-size:12.5px}
.f-uz{background:linear-gradient(180deg,#1EB5E8 33%,#fff 33% 66%,#3BB54A 66%)}
.f-ru{background:linear-gradient(180deg,#fff 33%,#2F55A4 33% 66%,#D52B1E 66%)}
.f-am{background:linear-gradient(180deg,#D90012 33%,#0033A0 33% 66%,#F2A800 66%)}
.f-kz{background:linear-gradient(180deg,#00AFCA,#00AFCA)}

/* ═══ FEE HIGHLIGHT CARDS ═══ */
.feeh-g{display:grid;grid-template-columns:1fr 1fr 1fr 1.15fr;gap:16px;align-items:stretch}
.fcard{position:relative;border-radius:var(--r);overflow:hidden;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:#fff;transition:.3s;border:1px solid rgba(205,150,20,.3)}
.fcard:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.fcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.fcard::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,24,52,.1) 20%,rgba(10,24,52,.92) 85%);z-index:1}
.fcard>*{position:relative;z-index:2}
.fcard .cn{display:flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:700;font-size:12.5px}
.fcard .cn .f{width:18px;height:13px;border-radius:2.5px;display:inline-block}
.fcard .amt{font-family:var(--disp);font-weight:800;font-size:30px;color:var(--gold2);line-height:1.1;margin-top:4px}
.fcard .amt small{font-size:12px;color:rgba(255,255,255,.7);font-weight:600}
.fcompare{background:linear-gradient(160deg,var(--navy3),var(--navy2));border-radius:var(--r);padding:26px 22px;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid rgba(205,150,20,.3)}
.fcompare::after{content:"";position:absolute;right:-50px;top:-50px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(205,150,20,.3),transparent 65%)}
.fcompare h3{color:#fff;font-size:19px;line-height:1.4;position:relative;z-index:1}
.fcompare p{font-size:12px;color:rgba(255,255,255,.6);margin-top:8px;position:relative;z-index:1}
.fcompare .btn{margin-top:auto;position:relative;z-index:1;align-self:flex-start}

/* ═══ TESTIMONIALS ═══ */
.tst-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tst{background:linear-gradient(168deg,#16305C 0%,#102347 60%,#0E1F42 100%);border:1px solid var(--line);border-radius:var(--r);padding:20px;position:relative;transition:.3s;box-shadow:0 10px 26px -18px rgba(10,24,52,.25)}
.tst:hover{box-shadow:var(--sh2);transform:translateY(-4px)}
.tst-hd{display:flex;gap:11px;align-items:center;margin-bottom:9px}
.tst-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--disp);font-weight:700;color:#fff;font-size:14px;background:linear-gradient(135deg,var(--navy3),var(--navy2));border:2px solid var(--gold);flex:0 0 auto}
.tst b{font-family:var(--disp);font-size:13px;color:#fff;display:block}
.tst-hd span{font-size:10.5px;color:var(--mut);line-height:1.4}
.stars{display:flex;gap:3px;color:var(--gold);font-size:10px;margin:2px 0 8px}
.tst p{font-size:12px;color:var(--mut);line-height:1.7}

/* ═══ CAMPUS GALLERY ═══ */
.gal-g{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.gcard{position:relative;border-radius:15px;overflow:hidden;aspect-ratio:3/3.6;border:1px solid rgba(205,150,20,.35);transition:.3s}
.gcard:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.gcard img{width:100%;height:100%;object-fit:cover;transition:.5s}
.gcard:hover img{transform:scale(1.08)}
.gcard b{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 10px;background:linear-gradient(180deg,transparent,rgba(10,24,52,.92));color:#fff;font-family:var(--disp);font-weight:600;font-size:11px;text-align:center}

/* ═══ FAQ + UPDATES ═══ */
.fu-g{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.faq{border:1px solid var(--line);border-radius:15px;background:linear-gradient(168deg,#16305C 0%,#102347 60%,#0E1F42 100%);margin-bottom:10px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 17px;font-family:var(--disp);font-weight:600;font-size:13.5px;color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{color:var(--gold);transition:.3s;font-size:12px;flex:0 0 auto}
.faq[open] summary i{transform:rotate(180deg)}
.faq .fa-body{padding:0 17px 15px;color:var(--mut);font-size:13px;line-height:1.75}
.upd{display:flex;gap:14px;background:linear-gradient(168deg,#16305C 0%,#102347 60%,#0E1F42 100%);border:1px solid var(--line);border-radius:15px;padding:14px 16px;margin-bottom:10px;transition:.25s;align-items:center}
.upd:hover{box-shadow:var(--sh2);transform:translateY(-2px);border-color:rgba(205,150,20,.5)}
.upd .dt{width:52px;height:56px;border-radius:12px;background:rgba(205,150,20,.14);border:1px solid rgba(205,150,20,.4);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;border-bottom:3px solid var(--gold)}
.upd .dt b{font-family:var(--disp);font-size:17px;line-height:1;color:#fff}
.upd .dt span{font-size:9px;letter-spacing:1px;color:var(--gold2);font-weight:700}
.upd h4{font-size:13.5px;line-height:1.4}
.upd p{font-size:11px;color:var(--mut);margin-top:2px}
.upd .go{margin-left:auto;font-family:var(--disp);font-weight:700;font-size:11px;color:var(--goldD);white-space:nowrap}

/* ═══ CTA BAND ═══ */
.ctaband{border-radius:var(--r2);background:
  radial-gradient(500px 200px at 90% -20%,rgba(205,150,20,.25),transparent 60%),
  linear-gradient(115deg,#13284F 0%,var(--navy2) 70%);color:#fff;padding:42px 40px;display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px rgba(6,14,32,.7);border:1px solid rgba(205,150,20,.35)}
.ctaband h2{color:#fff;font-size:clamp(22px,3vw,30px)}
.ctaband p{color:rgba(255,255,255,.68);font-size:14px;margin-top:6px}
.ctaband .h-cta{margin-top:20px}
.cta-list{display:grid;gap:10px;position:relative;z-index:1}
.cta-list li{display:flex;gap:10px;align-items:center;font-family:var(--disp);font-weight:500;font-size:13.5px}
.cta-list i{width:22px;height:22px;border-radius:50%;background:rgba(205,150,20,.2);display:grid;place-items:center;font-size:10px;color:var(--gold2);flex:0 0 auto}

/* ═══ BRANCHES ═══ */
.br-g{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.brcard{display:flex;gap:16px;background:linear-gradient(168deg,#16305C 0%,#102347 60%,#0E1F42 100%);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.3s;align-items:stretch}
.brcard:hover{box-shadow:var(--sh2);transform:translateY(-3px)}
.brcard .im{width:150px;flex:0 0 auto;overflow:hidden}
.brcard .im img{width:100%;height:100%;object-fit:cover}
.brcard .bd{padding:18px 16px 18px 0;flex:1}
.brcard h3{font-size:16px}
.brcard p{font-size:12.5px;color:var(--mut);margin-top:6px;line-height:1.6}
.brcard .go{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-family:var(--disp);font-weight:700;font-size:12px;color:var(--goldD)}

/* ═══ FOOTER (navy + enquiry form) ═══ */
.ft{background:linear-gradient(180deg,var(--navy2),#070F22);color:#fff;margin-top:60px}
.ft-g{display:grid;grid-template-columns:1.3fr .9fr .9fr 1fr 1.25fr;gap:30px;padding:54px 0 38px}
.ft-brand img{height:56px;width:auto}
.ft-brand p{font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.75;margin-top:16px;max-width:250px}
.ft-soc{display:flex;gap:9px;margin-top:16px}
.ft-soc a{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;font-size:13px;color:rgba(255,255,255,.75);transition:.25s}
.ft-soc a:hover{background:var(--gold);border-color:var(--gold);color:var(--navy2)}
.ft h5{font-family:var(--disp);font-size:13.5px;font-weight:600;color:var(--gold2);margin-bottom:16px;letter-spacing:.4px}
.ft li{margin:9px 0}
.ft li a{font-size:12.5px;color:rgba(255,255,255,.55);transition:.2s}
.ft li a:hover{color:var(--gold2)}
.ft-c li{display:flex;gap:11px;align-items:flex-start;color:rgba(255,255,255,.6);font-size:12.5px;line-height:1.6}
.ft-c i{color:var(--gold);margin-top:3px;width:14px;flex:0 0 auto}
.ft-form{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px}
.ft-form input,.ft-form select{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:10px;padding:10px 12px;font-size:12.5px;color:#fff;outline:none;margin-bottom:9px;font-family:var(--sans)}
.ft-form input::placeholder{color:rgba(255,255,255,.4)}
.ft-form input:focus{border-color:var(--gold)}
.ft-form .btn{width:100%;padding:11px;font-size:13px}
.ft-form .ok{display:none;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.4);color:#7CFCB1;font-size:12px;border-radius:10px;padding:9px 11px;margin-top:6px}
.ft-bot{border-top:1px solid rgba(255,255,255,.09);padding:18px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11.5px;color:rgba(255,255,255,.4)}
.ft-bot a{color:rgba(255,255,255,.55)}
.ft-bot a:hover{color:var(--gold2)}

/* ═══ INNER PAGE HERO (navy) ═══ */
.phero{padding:calc(var(--hd) + var(--tb) + 40px) 0 44px;background:
  radial-gradient(700px 340px at 10% -10%,rgba(205,150,20,.14),transparent 60%),
  linear-gradient(168deg,#13284F 0%,var(--navy2) 70%)}
.phero .crumb{font-size:11.5px;color:rgba(255,255,255,.5);font-family:var(--disp);font-weight:500;margin-bottom:12px}
.phero .crumb a{color:var(--gold2)}
.phero h1{font-size:clamp(26px,3.8vw,40px);font-weight:800;letter-spacing:-.4px;color:#fff}
.phero p.lead{color:rgba(255,255,255,.65);font-size:14.5px;max-width:660px;margin-top:12px}
.pbadges{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.pbadges span{background:rgba(255,255,255,.07);border:1px solid rgba(205,150,20,.35);border-radius:99px;padding:7px 14px;font-family:var(--disp);font-weight:600;font-size:11.5px;color:#fff}
.pbadges span i{color:var(--gold2);margin-right:6px}

/* inner content blocks */
.duo{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:start}
.prose p{color:var(--mut);font-size:14px;line-height:1.85;margin-bottom:14px}
.prose h3{font-size:19px;margin:24px 0 10px}
.prose li{display:flex;gap:10px;align-items:flex-start;color:var(--mut);font-size:13.5px;padding:5px 0}
.prose li i{color:var(--goldD);margin-top:4px;font-size:12px;flex:0 0 auto}
.mods{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mod{background:linear-gradient(168deg,#16305C 0%,#102347 60%,#0E1F42 100%);border:1px solid var(--line);border-radius:15px;padding:15px 16px;display:flex;gap:12px;transition:.25s}
.mod:hover{box-shadow:var(--sh2);transform:translateY(-3px);border-color:rgba(205,150,20,.5)}
.mod i{width:36px;height:36px;border-radius:11px;background:rgba(205,150,20,.16);color:var(--gold2);display:grid;place-items:center;font-size:14px;flex:0 0 auto}
.mod b{font-family:var(--disp);font-size:13px;color:#fff;display:block}
.mod span{font-size:11.5px;color:var(--mut);line-height:1.5}
.sidecard{background:linear-gradient(168deg,#16305C 0%,#102347 60%,#0E1F42 100%);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--sh2);padding:24px;position:sticky;top:calc(var(--hd) + 20px)}
.sidecard h3{font-size:16px;margin-bottom:6px}
.sidecard .row{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:9px 0;border-bottom:1px dashed var(--line)}
.sidecard .row b{color:#fff;font-family:var(--disp);text-align:right}
.sidecard .row span{color:var(--mut);white-space:nowrap}
.sidecard .btn{width:100%;margin-top:14px}
.form{background:linear-gradient(168deg,#16305C 0%,#102347 60%,#0E1F42 100%);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--sh2);padding:26px}
.form h3{font-size:17px;margin-bottom:4px}
.form .fsub{font-size:12.5px;color:var(--mut);margin-bottom:16px}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fi{display:grid;gap:6px}
.fi.full{grid-column:1/-1}
.fi label{font-family:var(--disp);font-weight:600;font-size:11.5px;color:rgba(255,255,255,.85)}
.fi input,.fi select,.fi textarea{border:1.5px solid rgba(255,255,255,.16);border-radius:12px;padding:12px 14px;font-family:var(--sans);font-size:13.5px;color:#fff;background:rgba(255,255,255,.06);outline:none;transition:.2s;width:100%}
.fi input::placeholder,.fi textarea::placeholder{color:rgba(255,255,255,.38)}
.fi select option{color:#0F2145;background:#fff}
.fi input:focus,.fi select:focus,.fi textarea:focus{border-color:var(--gold);background:rgba(255,255,255,.09);box-shadow:0 0 0 4px rgba(205,150,20,.16)}
.form .btn{width:100%;margin-top:16px}
.form .ok{display:none;background:rgba(16,185,129,.14);border:1px solid rgba(16,185,129,.45);color:#7CFCB1;font-size:13px;border-radius:12px;padding:12px 14px;margin-top:12px}
.art{max-width:760px;margin:0 auto}
.art .cover{border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh2);margin-bottom:28px}
.art h2{font-size:21px;margin:26px 0 10px}
.art p{color:var(--mut);font-size:14.5px;line-height:1.9;margin-bottom:14px}
.art .meta{display:flex;gap:14px;font-size:12px;color:var(--soft);margin-bottom:18px;flex-wrap:wrap}
.back-top{position:fixed;right:20px;bottom:88px;width:44px;height:44px;border-radius:13px;background:var(--navy2);color:var(--gold2);display:grid;place-items:center;font-size:15px;cursor:pointer;opacity:0;visibility:hidden;transition:.3s;z-index:90;border:1px solid rgba(205,150,20,.4);box-shadow:var(--sh2)}
.back-top.show{opacity:1;visibility:visible}
@media(min-width:641px){.back-top{bottom:24px}}

/* ═══ REVEALS ═══ */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.9,.3,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}
.hero .rv,.phero .rv,.stats .rv{transform:none}
@media(prefers-reduced-motion:reduce){.rv{transition:none;opacity:1;transform:none}}

/* nav density on mid-desktops (8 items + CTA overflowed at 1440) */
@media(max-width:1500px){
  .nav a.top{padding:9px 8px;font-size:12.5px}
  .hd-in{gap:14px}
  .hd-cta .btn{padding:12px 18px;font-size:13px}
  .logo img{height:40px}
}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1120px){
  .hero-g{grid-template-columns:1fr 1fr}
  .h-art{display:none}
  .stats-g{grid-template-columns:repeat(3,1fr);gap:14px 8px}
  .uni-g,.grid3{grid-template-columns:repeat(2,1fr)}
  .why-g{grid-template-columns:repeat(3,1fr)}
  .feeh-g{grid-template-columns:1fr 1fr}
  .tst-g{grid-template-columns:1fr 1fr}
  .gal-g{grid-template-columns:repeat(3,1fr)}
  .ft-g{grid-template-columns:1fr 1fr;gap:26px}
  .fu-g{grid-template-columns:1fr}
}
@media(max-width:900px){
  .topbar .tb-right{display:none}
  .nav{display:none}
  .burger{display:grid}
  .hd-cta{margin-left:auto;gap:9px}
  .hd-cta .btn{display:none}
  .hd-tel{display:grid}
  .duo{grid-template-columns:1fr}
  .sidecard{position:static}
  .ctaband{grid-template-columns:1fr;padding:32px 24px}
  .br-g{grid-template-columns:1fr}
}
@media(max-width:640px){
  :root{--hd:62px;--tb:34px}
  .logo img{height:36px}
  body{padding-bottom:76px}
  .mbot{display:block}
  .topbar{font-size:10.5px}
  .topbar .wrap{gap:12px}
  .hero{padding-top:calc(var(--hd) + var(--tb) + 24px)}
  .hero-g{grid-template-columns:1fr;gap:20px}
  .h-sub{font-size:13.5px}
  .h-cta .btn{flex:1;justify-content:center}
  .sec{padding:50px 0}
  .sec-h h2{gap:10px}
  .sec-h h2::before,.sec-h h2::after{width:26px}
  .stats-g{grid-template-columns:repeat(2,1fr);gap:16px 8px;padding:22px 0}
  .uni-g,.grid3,.grid2,.feeh-g,.tst-g{grid-template-columns:1fr}
  .why-g{grid-template-columns:repeat(2,1fr);gap:10px}
  .gal-g{grid-template-columns:1fr 1fr;gap:10px}
  .fg{grid-template-columns:1fr}
  .ft-g{grid-template-columns:1fr;gap:24px;padding:40px 0 26px}
  .fee-n{font-size:44px}
  .brcard{flex-direction:column}
  .brcard .im{width:100%;height:130px}
  .brcard .bd{padding:0 16px 18px}
  .mods{grid-template-columns:1fr}
}