/* Enrollment extends the exact homepage palette and uses the original PNGs. */
#mbb-home.mbb-upisi { --mbb-upisi-blue: #0a6f9f; }
#mbb-home .mbb-upisi-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: radial-gradient(ellipse at 85% 45%, #164b65 0, transparent 57%), #10213d;
}
#mbb-home .mbb-upisi-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
  align-items: center;
  gap: 3rem;
  width: min(1180px, 90vw);
  min-height: 530px;
  padding: 4.8rem 0;
  margin: auto;
}
#mbb-home .mbb-upisi-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  color: #f7df35;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
#mbb-home .mbb-upisi-hero h1 {
  margin: 1.05rem 0 1.45rem;
  font-size: clamp(3.8rem, 6.5vw, 6.6rem);
  font-weight: 900;
  line-height: .95;
  letter-spacing: -.06em;
}
#mbb-home .mbb-upisi-hero h1::after {
  display: block;
  width: 75px;
  height: 6px;
  margin-top: 1.15rem;
  border-radius: 999px;
  background: #f7df35;
  content: "";
}
#mbb-home .mbb-upisi-lead h2 {
  max-width: 620px;
  color: #e1ebf3;
  font-size: clamp(1.22rem, 1.8vw, 1.6rem);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: -.015em;
}
#mbb-home .mbb-upisi-lead strong { font-weight: inherit; }
#mbb-home .mbb-upisi-art { position: relative; min-height: 360px; isolation: isolate; }
#mbb-home .mbb-upisi-art::before {
  position: absolute;
  inset: 9% 4% 8% 10%;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  transform: rotate(-15deg);
  content: "";
}
#mbb-home .mbb-upisi-tile { position: absolute; display: grid; place-items: center; box-shadow: 0 22px 48px #07192d50; }
#mbb-home .mbb-upisi-tile img { width: 86%; height: 86%; object-fit: contain; filter: drop-shadow(0 10px 10px #10213d24); }
#mbb-home .mbb-upisi-tile-a { top: 15px; left: 7%; width: 48%; height: 220px; border-radius: 36px 36px 76px 36px; background: #55c5da; transform: rotate(-9deg); }
#mbb-home .mbb-upisi-tile-b { top: 0; right: 2%; width: 33%; height: 160px; border-radius: 50%; background: #f7df35; transform: rotate(10deg); }
#mbb-home .mbb-upisi-tile-c { bottom: 15px; left: 13%; width: 36%; height: 146px; border-radius: 28px; background: #bfead9; transform: rotate(7deg); }
#mbb-home .mbb-upisi-tile-d { right: 0; bottom: 0; width: 42%; height: 185px; border: 1px solid #637b99; border-radius: 32px 32px 32px 70px; background: #233958; transform: rotate(-6deg); }
#mbb-home .mbb-upisi-spark { position: absolute; z-index: 2; color: #f7df35; }
#mbb-home .mbb-upisi-spark-one { top: -16px; left: -3%; transform: rotate(-10deg); }
#mbb-home .mbb-upisi-spark-two { bottom: 10px; left: -1%; color: #55c5da; transform: rotate(10deg); }
#mbb-home .mbb-upisi-content { width: min(1180px, 90vw); margin: auto; padding: 4.8rem 0 5.5rem; }
#mbb-home .mbb-upisi-intro { max-width: 760px; margin: 0 0 2.25rem; }
#mbb-home .mbb-upisi-intro p { color: #11203c; font-size: clamp(1.3rem, 2.5vw, 1.8rem); line-height: 1.35; letter-spacing: -.035em; }
#mbb-home .mbb-upisi-intro strong { font-weight: 700; }
#mbb-home .mbb-upisi-steps {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.4fr);
  grid-template-rows: auto auto;
  gap: 1.3rem;
  align-items: stretch;
}
#mbb-home .mbb-upisi-step {
  position: relative;
  min-width: 0;
  padding: 2.1rem;
  border: 1px solid #dce5ed;
  border-radius: 24px;
  background: #fff;
}
#mbb-home .mbb-upisi-step-1 { grid-column: 1; grid-row: 1; border-top: 5px solid #55c5da; }
#mbb-home .mbb-upisi-step-2 { grid-column: 1; grid-row: 2; border-top: 5px solid #f7df35; background: #fffdf1; }
#mbb-home .mbb-upisi-step-3 { grid-column: 2; grid-row: 1 / 3; border-top: 5px solid #0a6f9f; }
#mbb-home .mbb-upisi-step h2, #mbb-home .mbb-upisi-step h3, #mbb-home .mbb-upisi-step h4,
#mbb-home .mbb-upisi-fallback h4 {
  margin: 0 0 1.05rem;
  padding: 0;
  color: #10213d;
  font-family: inherit;
  font-size: 1.15rem;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: -.025em;
}
#mbb-home .mbb-upisi-step p { margin: 0; font-size: .98rem; line-height: 1.65; color: #57667a; }
#mbb-home .mbb-upisi-step p > strong, #mbb-home .mbb-upisi-step p > strong strong { font-weight: 400; }
#mbb-home .mbb-upisi-step a { color: #006a98; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
#mbb-home .mbb-upisi-step a:hover { color: #06486a; text-decoration-thickness: 2px; }
#mbb-home .mbb-upisi-step-1 p a { display: inline-flex; align-items: center; min-height: 44px; margin: .85rem 0 0; padding: .6rem 1rem; border-radius: 999px; background: #e7f6fa; }
#mbb-home .mbb-upisi-step .wp-block-columns { display: block; margin: 1.65rem 0 0; }
#mbb-home .mbb-upisi-step .wp-block-column { width: 100%; min-width: 0; }
#mbb-home .mbb-upisi-step .wp-block-group {
  display: flex;
  align-items: flex-start;
  gap: .85rem;
  margin: 0;
  padding: 1rem 0;
  border-top: 1px solid #e3eaf0;
}
#mbb-home .mbb-upisi-step .wp-block-group:last-child { padding-bottom: 0; }
#mbb-home .mbb-upisi-step .wp-block-group p { flex: 1; min-width: 0; color: #243750; }
#mbb-home .mbb-upisi-step figure { margin: 0; flex: 0 0 37px; }
#mbb-home .mbb-upisi-step .wp-block-group figure img { width: 37px; height: 37px; object-fit: contain; }
#mbb-home .mbb-upisi-step p:empty { display: none; }
#mbb-home .mbb-upisi-fallback { max-width: 920px; margin: auto; font-size: 1.05rem; line-height: 1.65; }
#mbb-home .mbb-upisi-fallback h2 { margin-bottom: 1.5rem; font-size: 1.7rem; line-height: 1.4; }
#mbb-home .mbb-upisi-fallback h4 { margin-top: 2rem; }
#mbb-home .mbb-upisi-fallback p { margin: 1rem 0; }
#mbb-home .mbb-upisi-fallback a { color: #006a98; text-decoration: underline; }
#mbb-home.mbb-upisi .mbb-footer { padding-top: 3rem; }
#mbb-home.mbb-upisi .mbb-footer-contact { margin: 2rem 0; }
@media (max-width: 950px) {
  #mbb-home .mbb-upisi-hero-inner { gap: 2rem; }
  #mbb-home .mbb-upisi-art { min-height: 310px; }
  #mbb-home .mbb-upisi-tile-a { height: 190px; left: 0; width: 53%; }
  #mbb-home .mbb-upisi-tile-b { height: 128px; width: 37%; }
  #mbb-home .mbb-upisi-tile-c { height: 126px; left: 7%; }
  #mbb-home .mbb-upisi-tile-d { height: 155px; width: 45%; }
  #mbb-home .mbb-upisi-step { padding: 1.5rem; }
}
@media (max-width: 760px) {
  #mbb-home .mbb-upisi-hero-inner { grid-template-columns: 1fr; gap: 2.5rem; width: 88vw; padding: 3.5rem 0 3rem; }
  #mbb-home .mbb-upisi-hero h1 { font-size: 3.8rem; }
  #mbb-home .mbb-upisi-lead h2 { font-size: 1.2rem; }
  #mbb-home .mbb-upisi-art { width: min(380px, 100%); min-height: 300px; margin: auto; }
  #mbb-home .mbb-upisi-spark-one { top: 0; left: 0; }
  #mbb-home .mbb-upisi-content { width: 88vw; padding: 3rem 0 3.5rem; }
  #mbb-home .mbb-upisi-steps { grid-template-columns: 1fr; grid-template-rows: auto; }
  #mbb-home .mbb-upisi-step-1, #mbb-home .mbb-upisi-step-2, #mbb-home .mbb-upisi-step-3 { grid-column: auto; grid-row: auto; }
  #mbb-home .mbb-upisi-step { padding: 1.5rem; border-radius: 20px; }
  #mbb-home .mbb-upisi-step .wp-block-group { gap: .65rem; }
}