body.contact-page { margin: 0; color: #fff; font-family: var(--font-main); }
.contact-page main { background: transparent; }
.contact-page * { box-sizing: border-box; }
.contact-page a[href^="tel:"],.contact-page a[href^="mailto:"] { transition: color .2s ease; }
.contact-page a[href^="tel:"]:hover,.contact-page a[href^="mailto:"]:hover { color: #4f86ff; }
.contact-shell { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.contact-hero { position: relative; min-height: 500px; display: grid; place-items: center; overflow: hidden; background: transparent; color: #fff; text-align: center; }
.contact-hero::after { content: none; }
.contact-hero__inner { position: relative; z-index: 2; padding-top: 240px; }
.contact-eyebrow,.contact-kicker { margin: 0 0 18px; color: #1768ff; font-size: 13px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.contact-eyebrow {
  width: fit-content;
  margin: 0 auto 26px;
  padding: 11px 22px;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 12px 30px rgba(0, 0, 0, .16);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.contact-copy .contact-kicker {
  width: fit-content;
  padding: 10px 20px;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 999px;
  background: rgba(255, 255, 255, .09);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 12px 28px rgba(0, 0, 0, .14);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.contact-hero h1 {
  margin: 0;
  font-size: clamp(56px, 7.5vw, 118px);
  line-height: .9;
  letter-spacing: -.07em;
  color: transparent;
  background: linear-gradient(100deg, #fff 5%, #fff 24%, #70a7ff 42%, #1268ff 58%, #c8ddff 76%, #fff 94%);
  background-size: 240% 100%;
  background-position: 100% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: contact-title-gradient 5s ease-in-out infinite;
}
.contact-hero h1 span { color: inherit; }
.contact-copy h2 span,.campuses h2 span { color: #1870ff; }
@keyframes contact-title-gradient {
  0%, 100% { background-position: 100% 50%; }
  50% { background-position: 0% 50%; }
}
@media (prefers-reduced-motion: reduce) {
  .contact-hero h1 { animation: none; background-position: 50% 50%; }
  .contact-copy h2 { animation: none; background-position: 50% 50%; }
}
.contact-hero__inner > p:last-child { max-width: 620px; margin: 30px auto 0; color: #c8d2e5; font-size: clamp(16px, 1.4vw, 20px); line-height: 1.65; }
.contact-intro { padding: 55px 0 105px; background: transparent; }
.contact-intro__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(50px, 8vw, 120px); align-items: center; }
.contact-copy h2,.campuses h2 { margin: 0; font-size: clamp(44px, 5.2vw, 76px); line-height: .96; letter-spacing: -.055em; }
.contact-copy h2 {
  color: transparent;
  background: linear-gradient(100deg, #fff 5%, #fff 25%, #8bb4ff 43%, #1768ff 60%, #d6e5ff 78%, #fff 95%);
  background-size: 240% 100%;
  background-position: 100% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: contact-title-gradient 5s ease-in-out infinite;
}
.contact-copy h2 span { color: inherit; }
.contact-copy__lead { max-width: 500px; margin: 30px 0 38px; color: #aebbd1; font-size: 17px; line-height: 1.7; }
.contact-methods { display: grid; gap: 15px; }
.contact-method { display: flex; gap: 16px; align-items: center; color: #fff; text-decoration: none; }
.contact-method__icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: #edf4ff; color: #1768ff; transition: color .2s, background-color .2s, box-shadow .2s, transform .2s; }
.contact-method:hover .contact-method__icon { background: #1768ff; color: #fff; box-shadow: 0 8px 24px rgba(23, 104, 255, .4); transform: translateY(-2px); }
.contact-method small,.contact-method strong { display: block; }
.contact-method small { margin-bottom: 4px; color: #8fa0bd; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.contact-method strong { font-size: 16px; }
.contact-form-card {
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .035));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 28px 80px rgba(0, 0, 0, .24);
  color: white;
  backdrop-filter: blur(22px) saturate(135%);
  -webkit-backdrop-filter: blur(22px) saturate(135%);
}
.contact-form { display: grid; gap: 22px; }
.contact-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.contact-form label { display: grid; gap: 9px; color: #cfd8e7; font-size: 13px; font-weight: 600; }
.contact-form input,.contact-form select,.contact-form textarea { width: 100%; border: 1px solid rgba(255, 255, 255, .55); border-radius: 12px; outline: none; background: rgba(255, 255, 255, .95); color: #101828; padding: 15px 16px; font: inherit; transition: border-color .2s, box-shadow .2s; }
.contact-form input::placeholder,.contact-form textarea::placeholder { color: #7d8798; opacity: 1; }
.contact-form select option { background: #fff; color: #101828; }
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color: #377fff; box-shadow: 0 0 0 3px rgba(55,127,255,.15); }
.contact-form__phone-field { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 8px; }
.contact-form .contact-form__phone-field select { padding-right: 4px; padding-left: 8px; font-size: 12px; }
.contact-form textarea { resize: vertical; }
.contact-form button { justify-self: start; display: inline-flex; align-items: center; gap: 18px; border: 0; border-radius: 999px; background: #1768ff; color: white; padding: 14px 21px 14px 25px; font: 700 15px var(--font-main); cursor: pointer; }
.contact-form button:hover { background: #0d56db; }
.contact-form__status { min-height: 20px; margin: -8px 0 0; color: #9ee6b2; font-size: 13px; }
.course-help { padding: 100px 0; background: transparent; }
.course-help__grid { width: min(1100px, calc(100% - 48px)); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 4vw, 60px); }
.course-help__copy { padding-left: 0; }
.course-help__contact { padding-left: 24px; }
.course-help h2 { margin: 0; font-size: clamp(32px, 2.9vw, 46px); line-height: 1.02; letter-spacing: -.035em; }
.course-help h2 span,.course-help__contact h2 { color: #6f98ff; }
.course-help h2 .course-help__title-line { color: #fff; white-space: nowrap; }
.course-help__copy > p { max-width: 570px; margin: 25px 0 0; color: #73809a; font-size: 17px; line-height: 1.22; }
.course-help__contact h2 { font-size: clamp(29px, 2.5vw, 40px); }
.course-help__intro { margin: 8px 0 26px; color: #d3d9e7; font-size: 14px; }
.course-help__details { display: grid; gap: 25px; margin: 0; }
.course-help__details > div { position: relative; display: grid; gap: 3px; padding-left: 58px; }
.course-help__detail-icon { position: absolute; left: 0; top: 50%; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(111, 152, 255, .35); border-radius: 50%; background: rgba(111, 152, 255, .1); color: #6f98ff; font-size: 19px; transform: translateY(-50%); transition: color .2s, background-color .2s, box-shadow .2s; }
.course-help__details > div:hover .course-help__detail-icon { background: #1768ff; color: #fff; box-shadow: 0 8px 22px rgba(23, 104, 255, .38); }
.course-help__details dt { color: #75819a; font-size: 14px; }
.course-help__details dd { margin: 0; color: #fff; font-size: clamp(16px, 1.25vw, 19px); line-height: 1.2; }
.course-help__details a { color: inherit; }
.course-help__phone-numbers { display: flex; flex-wrap: wrap; gap: 6px 24px; }
.course-help__locations { display: grid; grid-template-columns: max-content max-content; gap: 36px; }
.course-help__location { display: block; }
.course-help__location-address { display: block; transition: color .2s, transform .2s; }
.course-help__location-address:hover { color: #8eb0ff; transform: translateY(-2px); }
.course-help__locations small { width: fit-content; display: block; margin-bottom: 5px; padding: 2px 9px; border-radius: 999px; background: #3d5cff; color: white; font-size: 9px; line-height: 1.2; }
.course-help__locations .course-help__location-phone { display: inline-block; margin-top: 7px; color: #8eb0ff; font-size: 14px; font-weight: 700; transition: color .2s, transform .2s; }
.course-help__location-phone:hover { color: #fff; transform: translateY(-1px); }
.campuses { padding: 110px 0 130px; background: transparent; }
.campuses__heading { margin-bottom: 58px; text-align: center; }
.campuses__heading .contact-kicker {
  width: fit-content;
  margin: 0 auto 22px;
  padding: 10px 20px;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 999px;
  background: rgba(255, 255, 255, .09);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 12px 28px rgba(0, 0, 0, .14);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.campus-list { display: grid; gap: 32px; }
.campus-card { min-height: 430px; display: grid; grid-template-columns: .74fr 1.26fr; overflow: hidden; border-radius: 30px; background: white; color: #101828; box-shadow: 0 20px 50px rgba(18,38,68,.07); }
.campus-card--reverse { grid-template-columns: 1.26fr .74fr; }
.campus-card--reverse .campus-card__details { order: 2; }
.campus-card__details { position: relative; padding: clamp(38px, 5vw, 72px); display: flex; flex-direction: column; justify-content: center; }
.campus-card__number { position: absolute; right: 32px; top: 25px; color: #edf1f6; font-size: 74px; font-weight: 900; line-height: 1; }
.campus-card__label { position: relative; margin: 0 0 13px; color: #1768ff; font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.campus-card h3 { position: relative; margin: 0 0 20px; font-size: clamp(30px, 3vw, 45px); letter-spacing: -.045em; }
.campus-card address { color: #667085; font-size: 16px; font-style: normal; line-height: 1.7; }
.campus-card__details a { margin-top: 30px; display: inline-flex; align-items: center; gap: 8px; color: #101828; font-weight: 700; text-decoration: none; }
.campus-card__details a span { color: #1768ff; }
.campus-card__map { min-height: 430px; }
.campus-card iframe { width: 100%; height: 100%; min-height: 430px; display: block; border: 0; filter: saturate(.8) contrast(1.05); }
.academy-visit { padding: 90px 0 110px; text-align: center; }
.academy-visit__inner { display: grid; justify-items: center; }
.academy-visit h2 { margin: 0; color: transparent; background: linear-gradient(100deg, #2470ff, #81a7ff 42%, #fff 60%, #5c8cff 88%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; font-size: clamp(38px, 4.5vw, 62px); line-height: 1; letter-spacing: -.045em; animation: contact-title-gradient 5s ease-in-out infinite; }
.academy-visit__inner > p { max-width: 790px; margin: 25px auto 48px; color: #717d95; font-size: 16px; line-height: 1.25; }
.academy-visit__map { position: relative; width: min(100%, 1080px); height: 440px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 28px; background: rgba(255, 255, 255, .08); box-shadow: 0 25px 70px rgba(0, 0, 0, .2); }
.academy-visit__map iframe { width: 100%; height: 100%; display: block; border: 0; border-radius: inherit; }
.academy-visit__tabs { position: absolute; z-index: 2; left: 50%; bottom: 18px; display: grid; grid-template-columns: repeat(3, 1fr); width: min(650px, calc(100% - 32px)); padding: 5px; border: 1px solid rgba(120, 157, 255, .22); border-radius: 999px; background: rgba(5, 13, 42, .96); box-shadow: 0 12px 32px rgba(0, 0, 0, .24); backdrop-filter: blur(14px); transform: translateX(-50%); }
.academy-visit__tabs button { min-height: 36px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: #fff; font: 800 11px var(--font-main); cursor: pointer; transition: transform .2s, background .2s, box-shadow .2s, border-color .2s; }
.academy-visit__tabs button:hover { border-color: rgba(113, 154, 255, .5); background: rgba(68, 112, 255, .12); transform: translateY(-1px); }
.academy-visit__tabs button:disabled { opacity: 1; cursor: default; }
.academy-visit__tabs button:disabled:hover { border-color: transparent; background: transparent; transform: none; }
.academy-visit__tabs button.is-active { border-color: rgba(255, 255, 255, .25); background: linear-gradient(100deg, #214cff, #4278ff 55%, #6b9aff); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 0 22px rgba(48, 102, 255, .7); text-shadow: 0 1px 8px rgba(0, 0, 0, .25); }
.creative-cta { padding: 95px 0 105px; text-align: center; }
.creative-cta__inner { display: grid; justify-items: center; }
.creative-cta h2 { margin: 0; color: transparent; background: linear-gradient(100deg, #2470ff 5%, #6e9cff 34%, #fff 53%, #91b2ff 72%, #2470ff 95%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; font-size: clamp(36px, 4.2vw, 62px); line-height: 1.05; letter-spacing: -.045em; animation: contact-title-gradient 5s ease-in-out infinite; }
.creative-cta p { max-width: 800px; margin: 24px auto 0; color: #707d96; font-size: 16px; line-height: 1.25; }
.creative-cta__actions { margin-top: 32px; display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.creative-cta__actions a { min-height: 43px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 10px 22px; font-size: 14px; font-weight: 600; transition: transform .2s, background-color .2s; }
.creative-cta__actions a:hover { transform: translateY(-2px); }
.creative-cta__courses { border: 1px solid rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .04); color: #fff; }
.creative-cta__apply { gap: 12px; background: #f51f45; color: #fff; }
.creative-cta__apply span { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: #f51f45; font-size: 16px; }
@media (prefers-reduced-motion: reduce) {
  .academy-visit h2 { animation: none; }
  .creative-cta h2 { animation: none; }
}
@media (max-width: 820px) {
  .contact-shell { width: min(100% - 30px, 650px); }
  .contact-hero { min-height: 440px; }
  .contact-intro { padding: 45px 0 80px; }
  .contact-intro__grid { grid-template-columns: 1fr; }
  .course-help { padding: 75px 0; }
  .course-help__grid { grid-template-columns: 1fr; gap: 55px; }
  .course-help__copy { padding-left: 0; }
  .course-help__contact { padding-left: 0; }
  .course-help__copy > p { max-width: none; }
  .campuses { padding: 80px 0; }
  .campus-card,.campus-card--reverse { grid-template-columns: 1fr; }
  .campus-card--reverse .campus-card__details { order: 0; }
  .campus-card__map,.campus-card iframe { min-height: 340px; }
  .academy-visit { padding: 75px 0 35px; }
  .academy-visit__map { height: 360px; border-radius: 22px; }
  .creative-cta { padding: 35px 0 75px; }
}
@media (max-width: 520px) {
  .contact-shell { width: calc(100% - 22px); }
  .contact-hero { min-height: 400px; }
  .contact-hero__inner { padding-top: 155px; }
  .contact-hero h1 { font-size: 54px; }
  .contact-form__row { grid-template-columns: 1fr; }
  .contact-form-card { border-radius: 22px; }
  .contact-method strong { font-size: 14px; overflow-wrap: anywhere; }
  .course-help__locations { grid-template-columns: 1fr; }
  .course-help h2 .course-help__title-line { white-space: normal; }
  .course-help__details > div { padding-left: 52px; }
  .campus-card { border-radius: 22px; }
  .campus-card__details { padding: 36px 27px; }
  .campus-card__number { right: 20px; font-size: 58px; }
}