/* Premium network pages: preserve verified content and imagery, align their visual language with the portal. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700&display=swap');

html[data-concept-v2] body.atl-page,
html[data-concept-v2] body.as-page {
  color: #0b2233;
  background: #06293e;
  font-family: Manrope, system-ui, sans-serif;
}

html[data-concept-v2] body.as-page {
  --as-ink: #06293e;
  --as-blue: #0a5a78;
  --as-cyan: #5ef2e2;
  --as-mint: #c9f3ec;
  --as-yellow: #ffc53d;
  --as-coral: #ff6b4a;
  --as-ice: #e9fbf6;
  --as-line: rgba(6,41,62,.13);
  --as-shadow: 0 28px 72px rgba(3,20,31,.2);
}

html[data-concept-v2] .atl-topbar,
html[data-concept-v2] .as-header {
  position: sticky;
  top: 12px;
  z-index: 50;
  width: min(1320px, calc(100% - 32px));
  min-height: 64px;
  margin: 12px auto -88px;
  padding-inline: clamp(16px, 2.5vw, 30px);
  border: 1px solid rgba(94,242,226,.2);
  border-radius: 24px;
  color: #edfffc;
  background: rgba(3,20,31,.86);
  box-shadow: 0 16px 46px rgba(0,0,0,.2);
}

html[data-concept-v2] .atl-portal,
html[data-concept-v2] .as-portal,
html[data-concept-v2] .atl-top-phone,
html[data-concept-v2] .as-phone { color: #f7fffd; }
html[data-concept-v2] .atl-portal svg path,
html[data-concept-v2] .as-portal svg path { stroke: #5ef2e2; }
html[data-concept-v2] .atl-portal svg circle,
html[data-concept-v2] .as-portal svg circle { fill: #ff6b4a; }
html[data-concept-v2] .atl-nav a,
html[data-concept-v2] .as-nav a { color: rgba(237,255,252,.68); }
html[data-concept-v2] .atl-nav a:hover,
html[data-concept-v2] .as-nav a:hover { color: #5ef2e2; }

html[data-concept-v2] .atl-top-catalog,
html[data-concept-v2] .as-pill--dark,
html[data-concept-v2] .atl-button--primary,
html[data-concept-v2] .as-button--primary {
  border-radius: 999px;
  color: #fff;
  background: #ff6b4a;
  box-shadow: 0 12px 28px rgba(255,107,74,.28);
}
html[data-concept-v2] .atl-top-catalog:hover,
html[data-concept-v2] .as-pill--dark:hover,
html[data-concept-v2] .atl-button--primary:hover,
html[data-concept-v2] .as-button--primary:hover { background: #ff8067; }

html[data-concept-v2] .atl-hero,
html[data-concept-v2] .as-hero {
  isolation: isolate;
  padding-top: 142px;
  color: #edfffc;
  background:
    radial-gradient(38rem 28rem at 12% 0%, rgba(94,242,226,.2), transparent 68%),
    radial-gradient(32rem 28rem at 92% 72%, rgba(255,107,74,.14), transparent 70%),
    linear-gradient(155deg, #0a5a78 0%, #06293e 53%, #03141f 100%);
}
html[data-concept-v2] .atl-hero::before,
html[data-concept-v2] .as-hero::before {
  content: '';
  position: absolute;
  z-index: -1;
  right: clamp(22px,6vw,90px);
  top: 112px;
  width: clamp(84px,10vw,142px);
  aspect-ratio: 1;
  opacity: .68;
  background: url('/assets/img/concept/lifebuoy.svg') center/contain no-repeat;
}
html[data-concept-v2] .atl-hero h1,
html[data-concept-v2] .as-hero h1,
html[data-concept-v2] .atl-section-head h2,
html[data-concept-v2] .as-section-head h2,
html[data-concept-v2] .as-inside h2,
html[data-concept-v2] .as-prepare h2,
html[data-concept-v2] .as-final h2 {
  font-family: Unbounded, system-ui, sans-serif;
  letter-spacing: -.055em;
}
html[data-concept-v2] .atl-hero h1,
html[data-concept-v2] .as-hero h1 { color: #f7fffd; }
html[data-concept-v2] .atl-hero h1 em,
html[data-concept-v2] .as-hero h1 em { color: #5ef2e2; }
html[data-concept-v2] .atl-lead,
html[data-concept-v2] .as-lead,
html[data-concept-v2] .atl-verified,
html[data-concept-v2] .as-verified { color: rgba(237,255,252,.78); }
html[data-concept-v2] .atl-breadcrumbs,
html[data-concept-v2] .as-crumbs { color: rgba(237,255,252,.58); }
html[data-concept-v2] .atl-breadcrumbs a,
html[data-concept-v2] .as-crumbs a { color: inherit; }
html[data-concept-v2] .atl-eyebrow,
html[data-concept-v2] .atl-kicker,
html[data-concept-v2] .as-eyebrow,
html[data-concept-v2] .as-kicker { color: #5ef2e2; }

html[data-concept-v2] .atl-programs,
html[data-concept-v2] .atl-branches,
html[data-concept-v2] .atl-before,
html[data-concept-v2] .as-programs,
html[data-concept-v2] .as-branches,
html[data-concept-v2] .as-prepare { background: #e9fbf6; }
html[data-concept-v2] .atl-program,
html[data-concept-v2] .atl-branch,
html[data-concept-v2] .as-program,
html[data-concept-v2] .as-branch {
  border-color: rgba(6,41,62,.1);
  border-radius: 28px;
  box-shadow: 0 14px 36px rgba(6,41,62,.1);
}
html[data-concept-v2] .atl-program:hover,
html[data-concept-v2] .atl-branch:hover,
html[data-concept-v2] .as-program:hover,
html[data-concept-v2] .as-branch:hover {
  border-color: rgba(23,201,184,.65);
  transform: translateY(-5px);
  box-shadow: 0 24px 54px rgba(6,41,62,.16);
}
html[data-concept-v2] .atl-program h3,
html[data-concept-v2] .atl-branch h3,
html[data-concept-v2] .as-program h3,
html[data-concept-v2] .as-branch h3 { font-family: Unbounded, system-ui, sans-serif; }
html[data-concept-v2] .atl-program-age,
html[data-concept-v2] .as-program-age,
html[data-concept-v2] .as-branch-area { color: #0a5a78; }

html[data-concept-v2] .atl-pools,
html[data-concept-v2] .as-inside,
html[data-concept-v2] .atl-related,
html[data-concept-v2] .as-final-card {
  color: #edfffc;
  background: linear-gradient(145deg, #06293e, #03141f);
}
html[data-concept-v2] .atl-pools h2,
html[data-concept-v2] .as-inside h2,
html[data-concept-v2] .as-final h2 { color: #f7fffd; }
html[data-concept-v2] .as-inside h2 em,
html[data-concept-v2] .as-final h2 em { color: #5ef2e2; }
html[data-concept-v2] .atl-footer,
html[data-concept-v2] .as-footer { background: #03141f; }

@media (max-width: 780px) {
  html[data-concept-v2] .atl-topbar,
  html[data-concept-v2] .as-header { top: 8px; width: calc(100% - 20px); margin: 8px auto -74px; border-radius: 20px; }
  html[data-concept-v2] .atl-hero,
  html[data-concept-v2] .as-hero { padding-top: 108px; }
  html[data-concept-v2] .atl-hero::before,
  html[data-concept-v2] .as-hero::before { right: -18px; top: 86px; opacity: .32; }
}