:root {
  color-scheme: light;
}

html,
body,
#app,
uni-app,
uni-page,
uni-page-wrapper,
uni-page-body,
.app-page-shell,
.page-shell,
.home-ui2,
.course-ui2,
.training-page,
.profile-ui2,
.course-detail-fallback,
.session-ui2,
.registration {
  background-color: #fff !important;
}

.page-shell,
.session-ui2,
.registration,
.aurora-background,
.aurora-background--light,
.aurora-background--dark {
  background-image: none !important;
}

.aurora-background,
.aurora-background--light,
.aurora-background--dark {
  background-color: #fff !important;
  color: #071622 !important;
}

.aurora-background__blob {
  display: none !important;
}

.immersive-hero__color {
  background:
    radial-gradient(circle at 80% 22%, rgba(114, 225, 209, .18), transparent 30%),
    radial-gradient(circle at 18% 46%, rgba(89, 123, 231, .24), transparent 38%),
    linear-gradient(90deg, rgba(4, 20, 33, .95), rgba(4, 20, 33, .76) 46%, rgba(4, 20, 33, .26)),
    linear-gradient(180deg, rgba(4, 20, 33, .22), rgba(4, 20, 33, .05) 52%, #fff) !important;
}

.teaching-story {
  background: #fff !important;
  color: #071622 !important;
}

.teaching-story__copy .ui2-kicker {
  color: #2278a0 !important;
}

.teaching-story__caption,
.teaching-story__side-label,
.teaching-story__floating {
  color: #fff !important;
}

.course-tabs,
.rules,
.uni-tabbar {
  background: #fff !important;
}

.academy-principles__item::before {
  border-color: #fff !important;
}

.academy-principles {
  align-items: stretch !important;
  width: min(calc(100% - 30px), 384px);
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 24px !important;
  text-align: left;
}

.academy-principles__line,
.academy-principles__item::before {
  display: block !important;
}

.academy-principles__item {
  display: grid !important;
  grid-template-columns: 27px minmax(0, 1fr) !important;
  gap: 11px !important;
  width: auto;
}

.academy-principles__item > uni-text,
.academy-principles__item > uni-view {
  width: auto;
  text-align: left;
}

@media (max-width: 360px) {
  .academy-principles {
    width: calc(100% - 24px);
    padding-left: 21px !important;
  }
}

.editorial-courses .course-rail,
.editorial-courses .uni-scroll-view,
.editorial-courses .uni-scroll-view-content {
  background: #fff !important;
}

.editorial-courses .course-story {
  box-shadow: none !important;
}

.recommendation__bottom {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}

.recommendation__description {
  max-width: none !important;
  overflow: hidden;
  font-size: 12px !important;
  line-height: 1.4 !important;
  text-overflow: ellipsis;
  white-space: nowrap !important;
}

.recommendation__action {
  align-self: center !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

.goal-plan .glass-segmented,
.goal-plan .glass-segmented > .uni-scroll-view,
.goal-plan .glass-segmented .uni-scroll-view-content {
  height: auto !important;
  overflow: visible !important;
}

.goal-plan .glass-segmented__track {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px !important;
  width: min(100%, 360px) !important;
  margin: 0 auto !important;
  padding: 4px 0 !important;
}

.goal-plan .glass-segmented__item {
  grid-column: span 2;
  justify-content: center;
  min-width: 0;
  min-height: 32px;
  padding: 0 5px !important;
  border-radius: 6px;
  font-size: 11px !important;
  text-align: center;
  white-space: nowrap;
}

.goal-plan .glass-segmented__item:nth-child(4) {
  grid-column: 2 / span 2;
}

.goal-plan .glass-segmented__item:nth-child(5) {
  grid-column: 4 / span 2;
}

.plan-spectrum > uni-scroll-view {
  height: 10.5rem !important;
}

.plan-spectrum__track {
  gap: 8px !important;
  padding-top: 10px !important;
  padding-bottom: 12px !important;
  animation-name: plan-spectrum-drift-compact !important;
}

.plan-glimpse {
  width: 8.5rem !important;
  min-height: 8.5rem !important;
  padding: .625rem !important;
}

.plan-glimpse__top > uni-text {
  font-size: 1rem !important;
}

.plan-glimpse__name {
  margin-top: .625rem !important;
  font-size: .75rem !important;
}

.plan-glimpse__summary {
  font-size: .5625rem !important;
}

.plan-glimpse__link {
  margin-top: .75rem !important;
  font-size: .5rem !important;
}

@keyframes plan-spectrum-drift-compact {
  0%, 18% { transform: translate(0); }
  82%, 100% { transform: translate(-8.5rem); }
}

.recommended-plan {
  padding: 16px 18px !important;
  background: linear-gradient(150deg, #020b20, #061c3f 62%, #0a3975) !important;
  box-shadow: 0 12px 28px rgba(2, 11, 32, .22) !important;
}

.recommended-plan__top {
  min-height: 20px;
  font-size: 10px !important;
}

.recommended-plan__name {
  margin-top: 12px !important;
  font-size: 20px !important;
}

.recommended-plan__summary {
  margin-top: 4px !important;
  font-size: 12px !important;
}

.recommended-plan__benefits {
  gap: 6px !important;
  margin-top: 12px !important;
}

.recommended-plan__benefit {
  padding: 5px 8px !important;
  font-size: 10px !important;
}

.recommended-plan__bottom {
  margin-top: 14px !important;
  padding-top: 12px !important;
}

.recommended-plan__price-label {
  font-size: 10px !important;
}

.recommended-plan__price-value {
  margin-top: 2px !important;
  font-size: 18px !important;
}

.recommended-plan__link {
  font-size: 11px !important;
}

.goal-plan__alternatives {
  margin-top: 18px;
}

.goal-plan__alternatives-label {
  display: block;
  padding: 0 16px;
  color: #2278a0;
  font-size: 11px;
}

.goal-plan__alternatives > uni-scroll-view {
  height: 205px !important;
  background: #fff !important;
}

.goal-plan__alternatives .uni-scroll-view-content,
.goal-plan__alternatives .plan-spectrum__track {
  background: #fff !important;
}

.goal-plan__alternatives .plan-glimpse {
  border: 1px solid #edf3f5 !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: 0 .25rem .75rem rgba(24, 83, 112, .06) !important;
}

.goal-plan {
  padding-bottom: 1.75rem !important;
}