:root{
  --color-primary: #86459A;
  --color-primary-dark: #45166A;
  --gold:#E0A84D;
  --mu-white:#fff;
  --mu-ink:#12212f;
  --mu-soft:#f6f8fa;
}


.mu-afrotc *{
  box-sizing:border-box;
}

.mu-afrotc{
  font-family:Avenir,"Avenir Next","Helvetica Neue",Arial,sans-serif;
  color:var(--mu-ink);
  background:#fff;
}

.mu-afrotc .wrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 24px;
}

.mu-afrotc.section{
  padding:72px 0;
}

.mu-afrotc.section.compact{
  padding-top:20px;
}

.mu-afrotc .eyebrow{
  display:inline-block;
  color:var(--gold);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:14px;
}

.mu-afrotc h1,
.mu-afrotc h2,
.mu-afrotc h3{
  font-weight:900;
  line-height:1.03;
  margin:0;
}

.mu-afrotc h2{
  color:var(--color-primary-dark);
  font-size:clamp(2rem,4vw,3.4rem);
  text-transform:uppercase;
}

.mu-afrotc p{
  font-size:1.02rem;
  line-height:1.65;
  margin:0;
}

.mu-afrotc .section-head{
  border-left:8px solid var(--gold);
  padding-left:20px;
  margin-bottom:34px;
}

.mu-afrotc .section-head p{
  max-width:760px;
  margin-top:14px;
  color:#425466;
}

.mu-afrotc .btnrow{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:28px;
}

.mu-afrotc .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  border:2px solid var(--gold);
  background:var(--gold);
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.82rem;
  transition:.2s ease;
}

.mu-afrotc .btn:hover{
  transform:translateY(-2px);
  filter:brightness(.96);
}

.mu-afrotc .btn.alt{
  background:transparent;
  color:#fff!important;
  border-color:#fff;
}

.mu-afrotc .btn.light{
  background:#fff;
  color:var(--color-primary-dark)!important;
  border-color:#fff;
}

.mu-afrotc .btn.outline{
  background:transparent;
  color:var(--color-primary-dark)!important;
  border-color:var(--gold);
}

/* Hero */
.mu-afrotc.hero{
  position:relative;
  min-height:620px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:var(--color-primary-dark);
  padding:90px 0;
}

.mu-afrotc.hero .wrap{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:0 24px;
  position:relative;
  z-index:2;
}

.mu-afrotc.hero .hero-content{
  max-width:720px;
  color:#fff;
}

.mu-afrotc.hero h1{
  font-size:clamp(3rem,8vw,6.2rem);
  text-transform:uppercase;
  letter-spacing:-.04em;
  color:#fff;
}

.mu-afrotc.hero h1 span{
  color:var(--mu-white);
}

.mu-afrotc.hero p{
  font-size:1.16rem;
  max-width:650px;
  margin-top:22px;
  color:#f5f1e7;
}

.mu-afrotc .hero-program{
  margin-top:12px;
  color:var(--gold);
  font-size:3rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  line-height:1;
}

.mu-afrotc .hero-program strong{
  color:var(--gold);
  font-weight:900;
}

/* Stats */
.mu-afrotc.stats{
  margin-top:-44px;
  position:relative;
  z-index:3;
}

.mu-afrotc .stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:var(--color-primary-dark);
  border-top:6px solid var(--gold);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}

.mu-afrotc .stat{
  padding:26px 24px;
  border-right:1px solid rgba(255,255,255,.22);
}

.mu-afrotc .stat:last-child{
  border-right:0;
}

.mu-afrotc .stat strong{
  display:block;
  color:var(--mu-white);
  font-size:2.35rem;
  line-height:1;
  font-weight:900;
}

.mu-afrotc .stat span{
  display:block;
  color:#fff;
  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-top:8px;
}

/* Cards */
.mu-afrotc .cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.mu-afrotc .card{
  background:#fff;
  border-top:6px solid var(--gold);
  box-shadow:0 12px 30px rgba(0,58,99,.12);
  padding:28px;
}

.mu-afrotc .card .num{
  color:var(--color-primary);
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:12px;
}

.mu-afrotc .card h3{
  font-size:1.35rem;
  color:var(--color-primary-dark);
  text-transform:uppercase;
  margin-bottom:10px;
}

.mu-afrotc .blue-panel{
  background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));
  color:#fff;
}

.mu-afrotc .blue-panel h2,
.mu-afrotc .blue-panel h3{
  color:#fff;
}

.mu-afrotc .blue-panel p{
  color:#eef7ff;
}


/* Curriculum catalog callout */
.mu-afrotc .afrotc-curriculum-callout{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);
  align-items:center;
  gap:36px;
  padding:38px 40px;
  background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);
  border-left:8px solid var(--gold);
  box-shadow:0 16px 38px rgba(0,58,99,.18);
}

.mu-afrotc .afrotc-curriculum-callout .eyebrow{
  color:var(--mu-white)!important;
}

.mu-afrotc .afrotc-curriculum-callout h2{
  margin-bottom:14px;
  color:#fff!important;
  font-size:clamp(1.8rem,3vw,2.8rem);
}

.mu-afrotc .afrotc-curriculum-callout p{
  max-width:720px;
  color:#eef7ff!important;
}

.mu-afrotc .afrotc-curriculum-action{
  text-align:center;
}

.mu-afrotc .afrotc-curriculum-action .btn{
  width:100%;
}

.mu-afrotc .afrotc-curriculum-action small{
  display:block;
  margin-top:12px;
  color:#fff;
  font-size:.75rem;
  letter-spacing:.06em;
  opacity:.85;
}

/* Gallery */
.mu-afrotc .gallery{
  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:22px;
}

.mu-afrotc .photo-card{
  position:relative;
  overflow:hidden;
  min-height:360px;
  background:#ddd;
}

.mu-afrotc .photo-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  position:absolute;
  inset:0;
}

.mu-afrotc .photo-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,58,99,.85),rgba(0,58,99,0) 58%);
}

.mu-afrotc .caption{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  padding:26px;
  color:#fff;
}

.mu-afrotc .caption small{
  display:block;
  color:var(--mu-white);
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.mu-afrotc .caption strong{
  font-size:1.35rem;
  text-transform:uppercase;
}

.mu-afrotc .stack{
  display:grid;
  gap:22px;
}

/* Contact, quick links, scholarships and careers */
.mu-afrotc .contact-grid,
.mu-afrotc .scholar-grid,
.mu-afrotc .career-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

.mu-afrotc .contact-card,
.mu-afrotc .link-card,
.mu-afrotc .scholar-card,
.mu-afrotc .career-card{
  background:#fff;
  padding:30px;
  box-shadow:0 12px 30px rgba(0,58,99,.12);
  border-left:6px solid var(--gold);
}

.mu-afrotc .contact-card h3,
.mu-afrotc .scholar-card h3,
.mu-afrotc .career-card h3{
  color:var(--color-primary-dark);
  font-size:1.5rem;
  text-transform:uppercase;
  margin-bottom:10px;
}

/* Follow Along panel: keep after generic .contact-card rule */
.mu-afrotc .contact-card.blue-panel{
  background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))!important;
  color:#fff!important;
}

.mu-afrotc .contact-card.blue-panel h3{
  color:#fff!important;
}

.mu-afrotc .contact-card.blue-panel p{
  color:#eef7ff!important;
}

.mu-afrotc .contact-card.blue-panel .eyebrow{
  color:var(--mu-white)!important;
}

.mu-afrotc .contact-list{
  margin-top:22px;
  display:grid;
  gap:12px;
}

.mu-afrotc .contact-list a{
  display:block;
  text-decoration:none!important;
  color:var(--color-primary-dark);
  font-weight:800;
  border-bottom:1px solid #d8e2ea;
  padding-bottom:12px;
}

.mu-afrotc .quick-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.mu-afrotc .link-card{
  text-decoration:none!important;
  color:var(--color-primary-dark);
  min-height:130px;
}

.mu-afrotc .link-card small{
  display:block;
  color:var(--gold);
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.mu-afrotc ul.clean{
  list-style:none;
  margin:18px 0 0;
  padding:0;
}

.mu-afrotc ul.clean li{
  padding:10px 0 10px 22px;
  border-bottom:1px solid #e1e7ec;
  position:relative;
}

.mu-afrotc ul.clean li:before{
  content:"›";
  position:absolute;
  left:0;
  color:var(--gold);
  font-size:1.4rem;
  line-height:1;
}

.mu-afrotc .benefits{
  margin-top:24px;
  background:var(--color-primary-dark);
  padding:28px;
  color:#fff;
}

.mu-afrotc .benefits-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:20px;
}

.mu-afrotc .benefit{
  background:rgba(255,255,255,.09);
  padding:18px;
  text-align:center;
}

.mu-afrotc .benefit strong{
  display:block;
  color:var(--mu-white);
  font-size:2rem;
}

.mu-afrotc .benefit span{
  display:block;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.mu-afrotc .career-link{
  display:inline-block;
  margin-top:18px;
  font-weight:800;
  color:var(--color-primary);
  text-decoration:none!important;
  transition:.2s ease;
}

.mu-afrotc .career-link:hover{
  color:var(--gold);
  text-decoration:none!important;
}

/* Schools */
.mu-afrotc .schools{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.mu-afrotc .school{
  padding:18px 20px;
  background:var(--mu-soft);
  border-left:5px solid var(--color-primary);
  font-weight:900;
  color:var(--color-primary-dark);
}

.mu-afrotc .school.host{
  background:var(--gold);
  border-color:var(--color-primary-dark);
  color:#fff;
}

/* Final CTA */
.mu-afrotc .final-cta{
  padding:64px 30px;
  text-align:center;
  background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));
  color:#fff;
  border-top:8px solid var(--gold);
}

.mu-afrotc .final-cta h2{
  color:#fff;
}

.mu-afrotc .final-cta p{
  max-width:720px;
  margin:18px auto 0;
  color:#eef7ff;
}

/* Responsive */
@media(max-width:900px){
  .mu-afrotc.hero{
    min-height:560px!important;
  }

  .mu-afrotc.stats{
    margin-top:0;
  }

  .mu-afrotc .stats-grid,
  .mu-afrotc .cards,
  .mu-afrotc .gallery,
  .mu-afrotc .contact-grid,
  .mu-afrotc .scholar-grid,
  .mu-afrotc .career-grid,
  .mu-afrotc .schools{
    grid-template-columns:1fr;
  }

  .mu-afrotc .quick-links,
  .mu-afrotc .benefits-grid{
    grid-template-columns:1fr 1fr;
  }

  .mu-afrotc .afrotc-curriculum-callout{
    grid-template-columns:1fr;
    padding:30px 26px;
  }

  .mu-afrotc .afrotc-curriculum-action{
    text-align:left;
  }

  .mu-afrotc .afrotc-curriculum-action .btn{
    width:auto;
  }
}

@media(max-width:540px){
  .mu-afrotc .wrap{
    padding:0 18px;
  }

  .mu-afrotc.section{
    padding:52px 0;
  }

  .mu-afrotc .quick-links,
  .mu-afrotc .benefits-grid{
    grid-template-columns:1fr;
  }

  .mu-afrotc .hero-program{
    font-size:2rem;
  }

  .mu-afrotc .afrotc-curriculum-callout{
    padding:26px 22px;
  }

  .mu-afrotc .afrotc-curriculum-action .btn{
    width:100%;
  }
}