/* MangoWings home refresh: a continuous travel journey, not cards inside cards. */
body{overflow-x:clip}
.menu-toggle{width:44px;height:44px}
.hero{position:relative;z-index:0;padding-block:42px 70px}
.hero::before{content:"";position:absolute;z-index:-1;inset:0 50% 0 auto;width:100vw;transform:translateX(50%);background:radial-gradient(circle at 16% 22%,#fff 0 2px,transparent 3px),radial-gradient(circle at 82% 34%,#fff 0 2px,transparent 3px),radial-gradient(circle at 76% 8%,#ffc44f55 0 3px,transparent 4px),linear-gradient(180deg,#e9f8ff 0%,#dff5ff 58%,#edf9fd 100%)}
.hero-copy{position:relative;z-index:2}
.hero h1{max-width:700px;text-wrap:balance}
.hero p{max-width:650px}
.primary-cta{min-height:52px;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.primary-cta:hover{transform:translateY(-2px);box-shadow:0 16px 28px #1058c532}
.primary-cta:active{transform:translateY(0)}

/* Recolored supplied study-abroad illustration with light, purposeful motion. */
.study-hero{position:relative;display:grid;place-items:center;width:min(100%,540px);aspect-ratio:1;margin:0 auto;isolation:isolate}
.study-hero::before{content:"";position:absolute;z-index:-2;width:82%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 18deg,#37b3f034,#fff8 24%,#ffc44f30 44%,#1058c526 68%,#fff8);filter:blur(2px);animation:hero-halo-spin 24s linear infinite}
.study-hero::after{content:"";position:absolute;z-index:-1;width:72%;height:18%;bottom:5%;border-radius:50%;background:#180d4b18;filter:blur(18px);animation:study-shadow 8s ease-in-out infinite}
.study-hero-art{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 28px #1058c51a);animation:study-float 8s ease-in-out infinite}
.study-orbit-ring{position:absolute;z-index:-1;width:86%;aspect-ratio:1;border:2px dashed #1058c55e;border-radius:50%;transform:rotate(-16deg);animation:hero-halo-spin 28s linear infinite reverse}
.study-signal{position:absolute;width:14px;height:14px;border:4px solid #fff;border-radius:50%;background:#ffc44f;box-shadow:0 0 0 6px #37b3f025;animation:study-signal 3s ease-in-out infinite}
.study-signal-one{left:4%;top:40%}
.study-signal-two{right:5%;top:21%;animation-delay:-1.5s}
.study-hero figcaption{position:absolute;right:5%;bottom:2%;left:5%;display:flex;align-items:center;gap:12px;color:#180d4b;font:800 10px/1.2 "Bricolage Grotesque",sans-serif;letter-spacing:1.1px}
.study-hero figcaption i{height:1px;flex:1;background:linear-gradient(90deg,#1058c5,transparent)}

/* Milky transitions keep the sections visually connected. */
.cloud-blend{position:relative;height:94px;overflow:hidden;pointer-events:none}
.cloud-blend-guide{margin-top:-1px;background:linear-gradient(180deg,#edf9fd 0%,#f7f3ec 100%)}
.cloud-blend-footer{height:108px;background:linear-gradient(180deg,#eef9fd 0%,#dff5ff 100%)}
.cloud-blend::before,.cloud-blend::after,.cloud-blend span{content:"";position:absolute;border-radius:999px;filter:blur(.2px)}
.cloud-blend::before{width:190px;height:76px;left:-40px;bottom:-26px;background:#fff9}
.cloud-blend::after{width:230px;height:88px;right:-54px;top:20px;background:#37b3f01c}
.cloud-blend span:nth-child(1){width:142px;height:58px;left:18%;top:23px;background:#fff8;animation:milk-drift 11s ease-in-out infinite}
.cloud-blend span:nth-child(2){width:206px;height:72px;left:47%;bottom:-14px;background:#ffc44f1f;animation:milk-drift 14s ease-in-out -5s infinite reverse}
.cloud-blend span:nth-child(3){width:116px;height:48px;right:8%;top:6px;background:#fff9;animation:milk-drift 9s ease-in-out -3s infinite}

/* Flatten the reading experience. */
.check-area{position:relative;padding-top:34px;background:linear-gradient(180deg,#f7f3ec 0%,#faf7f2 36%,#eef9fd 100%)}
.section-intro{max-width:760px}
.section-intro h2{text-wrap:balance}
.tab-list{box-shadow:none;border-color:#9fd6ee80;background:#ffffffa8;backdrop-filter:blur(12px)}
.guide-selector{padding:0 0 18px;margin-bottom:14px;border:0;border-bottom:1px solid #d6e6ea;border-radius:0;background:transparent;box-shadow:none}
.choice-picker{background:#f6fcff;border-color:#9bdaf6;box-shadow:0 4px 12px #1058c50c}
.guide-note{max-width:760px}
.travel-guide{position:relative;isolation:isolate;overflow:hidden;padding:clamp(22px,4vw,34px);border:1px solid #c7e5ef;border-radius:24px;background:linear-gradient(145deg,#fffdfa 0%,#f8fcfd 56%,#edf9fd 100%);box-shadow:0 18px 44px #1058c512}
.travel-guide::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#1058c5 0 31%,#37b3f0 31% 72%,#ffc44f 72%)}
.travel-guide::after{content:"";position:absolute;z-index:-1;right:-80px;top:-92px;width:220px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#37b3f022 0 42%,transparent 70%)}
.travel-guide h3{max-width:720px;margin-bottom:20px;text-wrap:balance}
.guide-facts{gap:0;margin:4px 0 22px;border:0;border-block:1px solid #d4e8ee;border-radius:0;background:transparent;overflow:visible}
.guide-facts div{min-height:96px;padding:17px 19px;border-radius:0;background:transparent}
.guide-facts div+div{border-left:1px solid #d4e8ee}
.read-list{max-width:820px}
.guide-links a{border:1px solid #a8dff4;background:#eefaff;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.guide-links a:hover{border-color:#37b3f0;background:#fff;transform:translateY(-1px)}

.previous-reading{margin-top:52px;padding-top:0;border-top:0}
.previous-reading .group-heading{max-width:720px;margin-bottom:8px}
.check-grid{position:relative;display:grid;grid-template-columns:1fr;gap:0;max-width:860px;counter-reset:journey}
.check-grid::before{content:"";position:absolute;z-index:0;top:31px;bottom:31px;left:23px;width:2px;background:linear-gradient(180deg,#37b3f0,#1058c5)}
.check-card,.check-card.highlight{counter-increment:journey;position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:18px;width:100%;padding:30px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.check-card:not(:first-child)::before{content:"";position:absolute;top:0;right:0;left:66px;height:1px;background:#d6e6ea}
.check-card>*:not(.card-icon){grid-column:2}
.card-icon{z-index:1;grid-column:1;grid-row:1 / span 20;align-self:center;display:grid;place-items:center;width:48px;height:48px;margin:0;border:2px solid #37b3f0;border-radius:50%;background:#f7f3ec;color:transparent;font-size:0;box-shadow:0 0 0 7px #f8f5ef}
.card-icon::after{content:counter(journey,decimal-leading-zero);color:#1058c5;font:900 18px/1 "Bricolage Grotesque",sans-serif;letter-spacing:.1px}
.check-card.highlight .card-icon{border-color:#37b3f0;background:#f7f3ec}
.check-card h3{margin-top:2px;text-wrap:balance}
.check-card>p{max-width:660px}
.read-row{padding-block:14px}
.next-section{min-height:58px;margin-top:34px;border:1px solid #9fd6ee;border-radius:14px;background:linear-gradient(90deg,#e3f6fd,#f9f7ef);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.next-section:hover{border-color:#37b3f0;transform:translateY(-1px);box-shadow:0 10px 24px #1058c514}

/* The map is the content; remove its redundant outer card. */
.route-map{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.map-title-row{padding-top:18px}
.airport-map-layout{margin-top:20px}
.embedded-map,.airport-active-card{box-shadow:0 12px 30px #1058c510}
.airport-active-card{background:#fffdfa}
.identity-document-notice{box-shadow:none}

.cloud-blend-footer+.footer{margin-top:-1px}
.footer{background:linear-gradient(180deg,#dff5ff 0%,#cdefff 100%)}
.screen-install-button{max-width:min(560px,calc(100vw - 30px));border-radius:999px;box-shadow:0 10px 28px #180d4b2e}

@keyframes hero-halo-spin{to{transform:rotate(360deg)}}
@keyframes study-float{0%,100%{transform:translate3d(0,0,0) rotate(-.35deg)}50%{transform:translate3d(0,-10px,0) rotate(.35deg)}}
@keyframes study-shadow{0%,100%{transform:scaleX(1);opacity:.8}50%{transform:scaleX(.86);opacity:.45}}
@keyframes study-signal{0%,100%{transform:scale(.82);opacity:.55}50%{transform:scale(1.08);opacity:1}}
@keyframes milk-drift{0%,100%{transform:translate3d(-7px,0,0)}50%{transform:translate3d(12px,-5px,0)}}

@media(min-width:700px){
  .hero{padding-block:72px 78px;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:30px}
  .study-hero{width:min(100%,560px)}
  .check-area{padding-top:46px}
  .guide-selector{grid-template-columns:repeat(2,minmax(0,270px));gap:14px}
  .previous-reading{margin-top:68px;padding-top:0}
  .check-card,.check-card.highlight{grid-template-columns:58px minmax(0,1fr);column-gap:24px;padding-block:35px}
  .check-card:not(:first-child)::before{left:82px}
  .check-grid::before{left:28px}
  .card-icon{width:58px;height:58px}
  .card-icon::after{font-size:19px}
  .guide-facts{max-width:700px}
}

@media(max-width:699px){
  .hero{padding-top:36px;padding-bottom:54px}
  .hero-copy{max-width:100%}
  .hero h1{max-width:100%;margin:18px 0 16px;font-family:"Noto Sans Myanmar","Walone","Myanmar Text",sans-serif;font-size:clamp(28px,6.5vw,34px);font-weight:700;line-height:1.42;letter-spacing:0;text-align:left;text-wrap:pretty}
  .hero .hero-line{display:inline;text-wrap:inherit}
  .hero p{max-width:34rem;color:#40566e;font-family:"Noto Sans Myanmar","Walone","Myanmar Text",sans-serif;font-weight:400;line-height:1.78;letter-spacing:0}
}

@media(max-width:420px){
  .hero{padding-top:34px;padding-bottom:50px}
  .hero h1{font-size:clamp(27px,7.8vw,31px)}
  .study-hero{width:calc(100% + 8px);margin-left:-4px}
  .study-hero figcaption{right:3%;left:3%;font-size:9px}
  .cloud-blend{height:76px}
  .check-area{padding-top:28px}
  .travel-guide{padding:22px 17px;border-radius:20px}
  .guide-facts div+div{border-left:0;border-top:1px solid #d4e8ee}
  .check-card,.check-card.highlight{grid-template-columns:46px minmax(0,1fr);column-gap:14px;padding-block:27px}
  .check-card:not(:first-child)::before{left:60px}
  .check-grid::before{left:22px}
  .card-icon{width:46px;height:46px;box-shadow:0 0 0 5px #f8f5ef}
  .card-icon::after{font-size:17px}
  .next-section{padding-inline:15px}
}

@media(prefers-reduced-motion:reduce){
  .study-hero::before,.study-hero::after,.study-hero-art,.study-orbit-ring,.study-signal,.cloud-blend span{animation:none!important}
  .primary-cta,.guide-links a,.next-section,.step4-cta-button,#airport-step-prev,#airport-step-next{transition:none}
  .primary-cta:hover,.guide-links a:hover,.next-section:hover,.step4-cta-button:hover{transform:none}
}

/* Step 4 Messenger CTA Banner */
.step4-cta-banner {
  background-color: #FFCA42;
  padding: 16px;
  border-radius: 12px;
  margin-top: 16px;
  margin-bottom: 24px;
  box-shadow: 0 2px 8px rgba(26, 20, 70, 0.08);
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-sizing: border-box;
}

.step4-cta-banner[hidden] {
  display: none !important;
}

.step4-cta-copy h4 {
  margin: 0 0 4px 0;
  font-family: "Walone", "Noto Sans Myanmar", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
  color: #1A1446;
}

.step4-cta-copy p {
  margin: 0;
  font-family: "Walone", "Noto Sans Myanmar", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: #1A1446;
}

.step4-cta-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 12px 14px;
  border-radius: 8px;
  background-color: #1A1446;
  color: #FFFFFF !important;
  font-family: "Walone", "Noto Sans Myanmar", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: 0 2px 6px rgba(26, 20, 70, 0.2);
  transition: opacity 0.18s ease, transform 0.15s ease;
}

.step4-cta-button:hover {
  opacity: 0.94;
}

.step4-cta-button:active {
  transform: scale(0.98);
}

.step4-messenger-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: block;
  object-fit: contain;
}

/* Updated Bottom Navigation Buttons */
.airport-card-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 15px;
}

#airport-step-prev {
  min-height: 50px;
  padding: 10px 14px;
  background-color: transparent !important;
  color: #1A1446 !important;
  border: 1.5px solid #1A1446 !important;
  border-radius: 8px !important;
  font-family: "Walone", "Noto Sans Myanmar", sans-serif;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.18s ease, background-color 0.18s ease, transform 0.15s ease;
}

#airport-step-prev:hover:not(:disabled) {
  background-color: #1A14460d !important;
}

#airport-step-prev:active:not(:disabled) {
  transform: scale(0.98);
}

#airport-step-next {
  min-height: 50px;
  padding: 10px 14px;
  background-color: #1A58D1 !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: "Walone", "Noto Sans Myanmar", sans-serif;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(26, 88, 209, 0.25);
  transition: opacity 0.18s ease, box-shadow 0.18s ease, transform 0.15s ease;
}

#airport-step-next:hover:not(:disabled) {
  opacity: 0.94;
  box-shadow: 0 4px 12px rgba(26, 88, 209, 0.35);
}

#airport-step-next:active:not(:disabled) {
  transform: scale(0.98);
}

#airport-step-prev:disabled,
#airport-step-next:disabled {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}