#app,
#app button,
#app input,
#app select,
#app textarea {
  font-family: "Open Sans", "Segoe UI", Arial, sans-serif;
  letter-spacing: 0 !important;
}

.home .description__title {
  display: grid;
  gap: 8px;
}

.home .description__title .text-64 {
  font-size: clamp(44px, 4.4vw, 60px);
  line-height: 1.08;
}

.home .description__title .text-48 {
  font-size: clamp(34px, 3.5vw, 44px);
  line-height: 1.12;
}

.home .course-list__title,
.home .how-work-container-title,
.home .benefits-container-title,
.home .reviews-carousel-container-top-block-title {
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.18;
}

.home .how-work-container-subtitle,
.home .benefits-container-subtitle,
.home .reviews-carousel-container-top-block-subtitle {
  font-size: 18px;
  line-height: 1.55;
}

.home .home-delusions__item-title,
.home .destiny__item-title,
.home .benefits-container-card-group-card-info-block-title {
  font-size: 20px;
  line-height: 1.35;
}

.l2g-public-sections {
  color: #202229;
  font-family: "Open Sans", "Segoe UI", Arial, sans-serif;
}

.l2g-public-section {
  width: 100%;
  padding: 88px 0;
}

.l2g-public-inner {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.l2g-section-head {
  max-width: 760px;
  margin-bottom: 36px;
}

.l2g-section-head.compact {
  margin-bottom: 30px;
}

.l2g-section-head > span,
.l2g-program-copy > span,
.l2g-license-kicker,
.l2g-cabinet-cta span {
  color: #7c2d91;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.l2g-section-head h2,
.l2g-license h2,
.l2g-cabinet-cta h2 {
  margin: 9px 0 14px;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.15;
}

.l2g-section-head p,
.l2g-license p,
.l2g-cabinet-cta p {
  margin: 0;
  color: #60616b;
  font-size: 17px;
  line-height: 1.65;
}

.l2g-program-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.l2g-program-card {
  overflow: hidden;
  border: 1px solid #e1e2e8;
  border-radius: 8px;
  background: #fff;
}

.l2g-program-visual {
  min-height: 206px;
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #f0eafb;
}

.l2g-program-chinese-advanced .l2g-program-visual { background: #eaf3fb; }
.l2g-program-german .l2g-program-visual { background: #f8edf5; }
.l2g-program-visual img { width: 100%; height: 100%; position: absolute; inset: 0; display: block; object-fit: cover; }
.l2g-program-visual::before { content: attr(data-label); z-index: 1; position: absolute; left: 16px; bottom: 16px; border-radius: 4px; padding: 7px 10px; background: rgba(255, 255, 255, .92); color: #4f278f; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.l2g-program-chinese .l2g-program-visual img { object-position: 35% 48%; }
.l2g-program-chinese-advanced .l2g-program-visual img { object-position: 72% 48%; transform: scale(1.14); }
.l2g-program-german .l2g-program-visual img { object-position: center 47%; }
.l2g-program-copy { padding: 24px; }
.l2g-program-copy h3 { min-height: 56px; margin: 8px 0 10px; font-size: 21px; line-height: 1.32; }
.l2g-program-copy p { min-height: 72px; margin: 0 0 18px; color: #60616b; font-size: 15px; line-height: 1.55; }
.l2g-program-copy a { color: #6839b7; font-size: 14px; font-weight: 700; text-decoration: none; }
.l2g-program-copy a:hover { text-decoration: underline; }

.l2g-process { background: #f5f1fb; color: #202229; }
.l2g-process .l2g-section-head > span { color: #7c2d91; }
.l2g-process-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #ddd3ed; }
.l2g-process-grid > div { padding: 30px 30px 4px 0; }
.l2g-process-grid > div + div { padding-left: 30px; border-left: 1px solid #ddd3ed; }
.l2g-process-grid b { color: #7c2d91; font-size: 13px; }
.l2g-process-grid h3 { margin: 12px 0 10px; font-size: 21px; }
.l2g-process-grid p { margin: 0; color: #60616b; font-size: 15px; line-height: 1.6; }

.l2g-media-section { background: #f6f8fc; }
.l2g-media-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.l2g-media-grid article { border: 1px solid #e1e2e8; border-radius: 8px; padding: 14px 14px 22px; background: #fff; }
.l2g-video-placeholder { aspect-ratio: 16 / 8.5; display: grid; place-items: center; border-radius: 6px; background: #eee8fa; }
.l2g-video-placeholder.german { background: #e7f1fa; }
.l2g-video-placeholder i { width: 54px; height: 54px; position: relative; display: block; border-radius: 50%; background: #fff; box-shadow: 0 9px 24px rgba(47, 42, 65, .12); }
.l2g-video-placeholder i::after { content: ""; position: absolute; left: 22px; top: 17px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #7c2d91; }
.l2g-media-grid h3 { margin: 18px 6px 5px; font-size: 21px; }
.l2g-media-grid p { margin: 0 6px 14px; color: #60616b; font-size: 14px; }
.l2g-media-grid article > span { display: inline-block; margin: 0 6px; border-radius: 4px; padding: 5px 8px; background: #f1eef8; color: #696674; font-size: 11px; font-weight: 700; text-transform: uppercase; }

.l2g-license { padding: 72px 0; background: #fff; }
.l2g-license-inner { display: grid; grid-template-columns: 74px minmax(0, 1fr) minmax(190px, .34fr); gap: 28px; align-items: center; }
.l2g-license-mark { width: 70px; height: 70px; display: grid; place-items: center; border-radius: 8px; background: #7c2d91; color: #fff; font-size: 16px; font-weight: 800; }
.l2g-license h2 { margin-top: 7px; font-size: 32px; }
.l2g-license p { font-size: 15px; }
.l2g-license-status { border-left: 1px solid #e1e2e8; padding-left: 26px; }
.l2g-license-status span, .l2g-license-status strong { display: block; }
.l2g-license-status span { color: #7b7e89; font-size: 12px; }
.l2g-license-status strong { margin-top: 5px; font-size: 15px; }

.l2g-cabinet-cta { padding: 62px 0; background: #edf4fb; }
.l2g-cabinet-cta .l2g-public-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.l2g-cabinet-cta h2 { margin: 7px 0 8px; font-size: 32px; }
.l2g-cabinet-cta p { font-size: 15px; }
.l2g-cabinet-cta a { flex: 0 0 auto; display: inline-flex; min-height: 48px; align-items: center; justify-content: center; border-radius: 4px; padding: 10px 22px; background: #6839b7; color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; }
.l2g-cabinet-cta a:hover { background: #4f278f; }

.language-course.l2g-course-image-ready .language-course-background {
  position: relative;
  overflow: hidden !important;
  background: #f1eef8;
}

.language-course.l2g-course-image-ready .language-course-background > img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

.language-course.l2g-course-chinese-beginner .language-course-background > img { object-position: 32% center; }
.language-course.l2g-course-chinese-intermediate .language-course-background > img { object-position: 73% center; transform: scale(1.12); }
.language-course.l2g-course-german-beginner .language-course-background > img { object-position: center 45%; }
.language-course.l2g-course-german .language-course-background > img { object-position: center 48%; }

.language-course .flag.l2g-language-flag {
  width: 46px;
  height: 30px;
  flex: 0 0 46px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(32, 34, 41, .12);
  border-radius: 3px;
  box-shadow: 0 4px 10px rgba(47, 42, 65, .12);
}

.language-course .flag.l2g-language-flag img { display: none !important; }
.language-course .flag.l2g-language-flag-chinese { background: #de2910; }
.language-course .flag.l2g-language-flag-chinese::before { content: "\2605"; position: absolute; top: 1px; left: 6px; color: #ffde00; font-size: 15px; line-height: 1; }
.language-course .flag.l2g-language-flag-german { background: linear-gradient(to bottom, #202229 0 33.33%, #dd1f2f 33.33% 66.66%, #ffce00 66.66% 100%); }

@media (max-width: 900px) {
  .l2g-program-grid { grid-template-columns: 1fr; }
  .l2g-program-card { display: grid; grid-template-columns: minmax(180px, .42fr) minmax(0, 1fr); }
  .l2g-program-copy h3, .l2g-program-copy p { min-height: 0; }
  .l2g-process-grid { grid-template-columns: 1fr; }
  .l2g-process-grid > div, .l2g-process-grid > div + div { padding: 24px 0; border-left: 0; border-bottom: 1px solid #ddd3ed; }
  .l2g-license-inner { grid-template-columns: 70px minmax(0, 1fr); }
  .l2g-license-status { grid-column: 2; border-left: 0; padding-left: 0; }
}

@media (max-width: 680px) {
  .home .description__title .text-64 { font-size: 36px; line-height: 1.1; }
  .home .description__title .text-48 { font-size: 28px; line-height: 1.15; }
  .home .course-list__title, .home .how-work-container-title, .home .benefits-container-title, .home .reviews-carousel-container-top-block-title { font-size: 30px; }
  .home .how-work-container-subtitle, .home .benefits-container-subtitle, .home .reviews-carousel-container-top-block-subtitle { font-size: 17px; }
  .l2g-public-section { padding: 62px 0; }
  .l2g-public-inner { width: calc(100% - 32px); max-width: 1180px; }
  .l2g-section-head h2, .l2g-license h2, .l2g-cabinet-cta h2 { font-size: 29px; }
  .l2g-section-head p { font-size: 15px; }
  .l2g-program-card { display: block; }
  .l2g-program-visual { min-height: 190px; }
  .l2g-program-copy { padding: 21px; }
  .l2g-media-grid { grid-template-columns: 1fr; }
  .l2g-license-inner { grid-template-columns: 1fr; }
  .l2g-license-status { grid-column: auto; border-top: 1px solid #e1e2e8; padding-top: 18px; }
  .l2g-cabinet-cta .l2g-public-inner { align-items: stretch; flex-direction: column; }
  .l2g-cabinet-cta a { width: 100%; }
}