:root{
  --ug-green-950:#00391e;
  --ug-green-900:#004d28;
  --ug-green-800:#075d33;
  --ug-green-700:#08733f;
  --ug-green-600:#0a8550;
  --ug-gold:#e9ad2f;
  --ug-gold-light:#f5cf70;
  --ug-text:#203029;
  --ug-muted:#66756d;
  --ug-border:#dfe9e3;
  --ug-soft:#f2f8f5;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.mpcoe-ug-page{
  margin:0;
  overflow-x:hidden;
  background:#fff;
  color:var(--ug-text);
  font-family:Inter,sans-serif;
}
.mpcoe-ug-page a{text-decoration:none;color:inherit}
.mpcoe-ug-container{max-width:1240px}
.mpcoe-ug-eyebrow{
  margin-bottom:10px;
  color:#ad7710;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.55px;
}
.mpcoe-ug-eyebrow span{
  display:inline-block;
  width:25px;
  height:2px;
  margin-right:8px;
  vertical-align:middle;
  background:currentColor;
}
.mpcoe-ug-eyebrow-light{color:#fff}
.mpcoe-ug-gold{color:var(--ug-gold-light)}
.mpcoe-ug-title{
  margin:0;
  color:var(--ug-green-900);
  font:800 clamp(31px,3.2vw,44px)/1.08 Montserrat,sans-serif;
  letter-spacing:-.9px;
}
.mpcoe-ug-title em{font-style:normal;color:var(--ug-green-700)}

.mpcoe-ug-hero{
  position:relative;
  min-height:500px;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:58px 0 66px;
  background:
    radial-gradient(circle at 80% 50%,rgba(233,173,47,.14),transparent 24%),
    linear-gradient(125deg,#00391e,#004d28 57%,#075d33);
}
.mpcoe-ug-pattern{
  position:absolute;
  inset:0;
  opacity:.07;
  background-image:
    linear-gradient(rgba(255,255,255,.55) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.55) 1px,transparent 1px);
  background-size:70px 70px;
}
.mpcoe-ug-hero-glow{
  position:absolute;
  width:520px;
  height:520px;
  right:-100px;
  top:-100px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  box-shadow:0 0 0 90px rgba(255,255,255,.015),0 0 0 180px rgba(255,255,255,.01);
}
.mpcoe-ug-hero-content{position:relative;z-index:2;max-width:780px}
.mpcoe-ug-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:34px;
  color:rgba(255,255,255,.67)!important;
  font-size:11px;
  font-weight:800;
  transition:.2s;
}
.mpcoe-ug-back:hover{color:var(--ug-gold-light)!important;transform:translateX(-3px)}
.mpcoe-ug-hero h1{
  margin:0 0 18px;
  color:#fff;
  font:800 clamp(47px,6.1vw,76px)/.96 Montserrat,sans-serif;
  letter-spacing:-2.4px;
}
.mpcoe-ug-hero h1 em{
  display:block;
  color:var(--ug-gold-light);
  font-style:normal;
}
.mpcoe-ug-hero-content>p{
  max-width:710px;
  margin:0 0 27px;
  color:rgba(255,255,255,.77);
  font-size:15px;
  line-height:1.85;
}
.mpcoe-ug-hero-pills{display:flex;flex-wrap:wrap;gap:9px}
.mpcoe-ug-hero-pills span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:rgba(255,255,255,.73);
  font-size:10px;
  font-weight:800;
}
.mpcoe-ug-hero-pills i{color:var(--ug-gold-light)}
.mpcoe-ug-hero-art{
  position:absolute;
  z-index:1;
  width:420px;
  height:420px;
  right:4%;
  top:50%;
  transform:translateY(-50%);
}
.mpcoe-ug-art-ring{
  position:absolute;
  border:1px solid rgba(255,255,255,.11);
  border-radius:50%;
}
.mpcoe-ug-art-ring-1{inset:30px;transform:rotate(25deg)}
.mpcoe-ug-art-ring-2{inset:78px;border-color:rgba(233,173,47,.23);transform:rotate(-20deg)}
.mpcoe-ug-art-core{
  position:absolute;
  left:50%;
  top:50%;
  width:120px;
  height:120px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  border:1px solid rgba(233,173,47,.4);
  border-radius:32px;
  background:rgba(233,173,47,.1);
  color:var(--ug-gold-light);
  font-size:42px;
  box-shadow:0 0 70px rgba(233,173,47,.1);
}
.mpcoe-ug-art-dot{
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--ug-gold-light);
  box-shadow:0 0 20px rgba(233,173,47,.5);
}
.mpcoe-ug-dot-1{left:62px;top:88px}
.mpcoe-ug-dot-2{right:42px;top:188px}
.mpcoe-ug-dot-3{left:116px;bottom:50px}

.mpcoe-ug-overview,.mpcoe-ug-programmes,.mpcoe-ug-pathway,.mpcoe-ug-affiliation,.mpcoe-ug-next{padding:50px 0}
.mpcoe-ug-overview-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:75px;
  align-items:center;
}
.mpcoe-ug-overview-copy p{
  margin:0 0 15px;
  color:var(--ug-muted);
  font-size:15px;
  line-height:1.85;
}
.mpcoe-ug-overview-copy p:last-child{margin-bottom:0}

.mpcoe-ug-programmes{background:var(--ug-soft)}
.mpcoe-ug-section-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:30px;
  margin-bottom:27px;
}
.mpcoe-ug-count{
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 12px;
  border:1px solid var(--ug-border);
  border-radius:9px;
  background:#fff;
}
.mpcoe-ug-count strong{color:var(--ug-green-900);font:800 20px Montserrat}
.mpcoe-ug-count span{color:#829089;font-size:8px;font-weight:900;letter-spacing:1px}

.mpcoe-ug-course-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
}
.mpcoe-ug-course-card{
  position:relative;
  min-height:355px;
  padding:22px;
  overflow:hidden;
  border:1px solid var(--ug-border);
  border-radius:17px;
  background:#fff;
  transition:.24s ease;
}
.mpcoe-ug-course-card:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:var(--ug-gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:.25s;
}
.mpcoe-ug-course-card:hover{
  transform:translateY(-7px);
  border-color:#cbded3;
  box-shadow:0 18px 40px rgba(0,50,28,.10);
}
.mpcoe-ug-course-card:hover:before{transform:scaleX(1)}
.mpcoe-ug-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom:27px;
}
.mpcoe-ug-course-icon{
  width:49px;
  height:49px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#fff4d8;
  color:#a8730b;
}
.mpcoe-ug-number{color:#d6e3dc;font:800 24px Montserrat}
.mpcoe-ug-tag{
  display:inline-block;
  color:#ad7710;
  font-size:8px;
  font-weight:900;
  letter-spacing:1.05px;
}
.mpcoe-ug-course-card h3{
  margin:7px 0 4px;
  color:var(--ug-green-900);
  font:800 27px Montserrat;
}
.mpcoe-ug-course-card h4{
  margin:0 0 13px;
  color:#46564e;
  font:700 12px/1.4 Inter,sans-serif;
}
.mpcoe-ug-course-card p{
  margin:0;
  color:var(--ug-muted);
  font-size:13px;
  line-height:1.7;
}
.mpcoe-ug-explore{
  position:absolute;
  left:22px;
  right:22px;
  bottom:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:13px;
  border-top:1px solid #edf2ef;
  color:var(--ug-green-700);
  font-size:10px;
  font-weight:900;
}
.mpcoe-ug-explore i{transition:.2s}
.mpcoe-ug-course-card:hover .mpcoe-ug-explore i{transform:translateX(4px);color:#a8730b}

.mpcoe-ug-pathway{background:#fff}
.mpcoe-ug-pathway-card{
  display:grid;
  grid-template-columns:.65fr 1.35fr;
  gap:30px;
  min-height:310px;
  overflow:hidden;
  border-radius:19px;
  background:
    radial-gradient(circle at 75% 15%,rgba(233,173,47,.13),transparent 27%),
    linear-gradient(120deg,#00391e,#00552e 65%,#00663b);
}
.mpcoe-ug-pathway-visual{
  position:relative;
  min-height:310px;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.mpcoe-ug-visual-circle{
  position:relative;
  z-index:2;
  width:115px;
  height:115px;
  display:grid;
  place-items:center;
  border:1px solid rgba(233,173,47,.4);
  border-radius:50%;
  background:rgba(233,173,47,.11);
  color:var(--ug-gold-light);
  font-size:34px;
}
.mpcoe-ug-visual-line{
  position:absolute;
  width:240px;
  height:240px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:50%;
}
.mpcoe-ug-line-a{transform:rotate(25deg)}
.mpcoe-ug-line-b{width:330px;height:330px;transform:rotate(-18deg);border-color:rgba(233,173,47,.1)}
.mpcoe-ug-line-c{width:170px;height:170px;border-style:dashed}
.mpcoe-ug-pathway-content{
  align-self:center;
  padding:35px 45px 35px 0;
}
.mpcoe-ug-pathway-content h2{
  margin:0 0 13px;
  color:#fff;
  font:800 clamp(27px,3.2vw,42px)/1.1 Montserrat;
}
.mpcoe-ug-pathway-content h2 em{color:var(--ug-gold-light);font-style:normal}
.mpcoe-ug-pathway-content>p{
  max-width:650px;
  margin:0 0 23px;
  color:rgba(255,255,255,.65);
  font-size:14px;
  line-height:1.8;
}
.mpcoe-ug-mini-stats{display:flex;flex-wrap:wrap;gap:9px}
.mpcoe-ug-mini-stats div{
  min-width:115px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  background:rgba(255,255,255,.045);
}
.mpcoe-ug-mini-stats strong{
  display:block;
  color:var(--ug-gold-light);
  font:800 20px Montserrat;
}
.mpcoe-ug-mini-stats span{
  color:rgba(255,255,255,.48);
  font-size:7px;
  font-weight:900;
  letter-spacing:.8px;
}

.mpcoe-ug-affiliation{background:var(--ug-soft)}
.mpcoe-ug-affiliation-card{
  display:grid;
  grid-template-columns:58px 1fr auto;
  align-items:center;
  gap:20px;
  padding:29px 32px;
  border-radius:17px;
  background:var(--ug-green-900);
}
.mpcoe-ug-affiliation-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(233,173,47,.13);
  color:var(--ug-gold-light);
}
.mpcoe-ug-affiliation-card h2{
  margin:0 0 8px;
  color:#fff;
  font:800 clamp(23px,2.7vw,34px)/1.1 Montserrat;
}
.mpcoe-ug-affiliation-card h2 em{color:var(--ug-gold-light);font-style:normal}
.mpcoe-ug-affiliation-card p{
  margin:0;
  color:rgba(255,255,255,.63);
  font-size:14px;
  line-height:1.75;
}
.mpcoe-ug-db-badge{
  min-width:92px;
  height:72px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
}
.mpcoe-ug-db-badge strong{color:var(--ug-gold-light);font:800 16px Montserrat}
.mpcoe-ug-db-badge span{color:rgba(255,255,255,.5);font-size:8px;font-weight:900;letter-spacing:1px}

.mpcoe-ug-next{background:#fff}
.mpcoe-ug-next-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:28px 31px;
  border:1px solid var(--ug-border);
  border-radius:17px;
}
.mpcoe-ug-next-inner h2{
  margin:0 0 6px;
  color:var(--ug-green-900);
  font:800 clamp(25px,2.8vw,35px)/1.1 Montserrat;
}
.mpcoe-ug-next-inner h2 em{color:var(--ug-green-700);font-style:normal}
.mpcoe-ug-next-inner p{margin:0;color:var(--ug-muted);font-size:14px}
.mpcoe-ug-btn{
  display:inline-flex;
  align-items:center;
  gap:9px;
  white-space:nowrap;
  padding:13px 18px;
  border-radius:8px;
  background:var(--ug-green-900);
  color:#fff!important;
  font-size:10px;
  font-weight:900;
  transition:.2s;
}
.mpcoe-ug-btn:hover{transform:translateY(-2px);background:var(--ug-green-700);box-shadow:0 10px 22px rgba(0,77,40,.17)}

.mpcoe-ug-top{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:900;
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:var(--ug-green-900);
  color:#fff;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  cursor:pointer;
  box-shadow:0 10px 25px rgba(0,0,0,.18);
  transition:.22s;
}
.mpcoe-ug-top.is-visible{opacity:1;visibility:visible;transform:none}

@media(max-width:1199.98px){
  .mpcoe-ug-container{padding-left:20px;padding-right:20px}
  .mpcoe-ug-hero-art{right:-80px;opacity:.65}
  .mpcoe-ug-course-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:991.98px){
  .mpcoe-ug-hero{min-height:auto}
  .mpcoe-ug-hero-art{display:none}
  .mpcoe-ug-overview-grid{grid-template-columns:1fr}
  .mpcoe-ug-section-head{align-items:flex-start}
  .mpcoe-ug-pathway-card{grid-template-columns:1fr}
  .mpcoe-ug-pathway-visual{min-height:220px}
  .mpcoe-ug-pathway-content{padding:0 35px 35px}
  .mpcoe-ug-affiliation-card{grid-template-columns:58px 1fr}
  .mpcoe-ug-db-badge{grid-column:2;justify-self:start}
}
@media(max-width:767.98px){
  .mpcoe-ug-container{padding-left:15px;padding-right:15px}
  .mpcoe-ug-hero{padding:42px 0 48px}
  .mpcoe-ug-hero-content{text-align:center}
  .mpcoe-ug-back{justify-content:center}
  .mpcoe-ug-hero-pills{display:grid;grid-template-columns:1fr}
  .mpcoe-ug-hero-pills span{justify-content:center}
  .mpcoe-ug-overview,.mpcoe-ug-programmes,.mpcoe-ug-pathway,.mpcoe-ug-affiliation,.mpcoe-ug-next{padding:40px 0}
  .mpcoe-ug-section-head{flex-direction:column;gap:15px}
  .mpcoe-ug-course-grid{grid-template-columns:1fr}
  .mpcoe-ug-course-card{min-height:320px}
  .mpcoe-ug-pathway-content{padding:0 25px 28px}
  .mpcoe-ug-mini-stats{display:grid;grid-template-columns:1fr 1fr}
  .mpcoe-ug-affiliation-card{grid-template-columns:1fr;padding:25px}
  .mpcoe-ug-db-badge{grid-column:auto}
  .mpcoe-ug-next-inner{align-items:flex-start;flex-direction:column;padding:25px}
}
@media(max-width:430px){
  .mpcoe-ug-mini-stats{grid-template-columns:1fr}
}