.white-overlay.svelte-1rtdmme {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.9) 95%, #fff 100%), linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.75) 8%, rgba(255, 255, 255, 0.35) 22%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.35) 78%, rgba(255, 255, 255, 0.75) 92%, rgb(255, 255, 255) 100%);
  position: absolute !important;
  z-index: 1;
  padding: 2rem;
  top: 0;
  right: 50%;
  transform: translateX(50%);
  width: 100%;
  max-width: 177.78vh;
  height: 100%;
}

.banner.svelte-1rtdmme {
  position: relative;
  width: 100%;
  height: 70svh;
  overflow: hidden;
  background: #fff;
  max-height: 700px;
}

.banner.svelte-1rtdmme iframe:where(.svelte-1rtdmme) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 100%;
  width: 100%;
  height: 100vh;
  border: 0;
  max-width: 177.78vh;
}

.copy-wrapper.svelte-1rtdmme h1:where(.svelte-1rtdmme),
.copy-wrapper.svelte-1rtdmme p:where(.svelte-1rtdmme) {
  color: var(--primary-dark);
}

/* TRUE Fullscreen-Overlay */
.video-overlay.svelte-1rtdmme {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #000;
}

.video-overlay-inner.svelte-1rtdmme {
  position: relative;
  width: 100%;
  height: 100%;
}

.video-overlay-inner.svelte-1rtdmme iframe:where(.svelte-1rtdmme) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.video-overlay-close.svelte-1rtdmme {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1;
  border: 0;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  line-height: 1;
}

@media (max-width: 600px) {
  .banner.enable-mobile-portrait.svelte-1rtdmme {
    height: 80svh;
  }
  .white-overlay.svelte-1rtdmme {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 23%, rgba(255, 255, 255, 0.9) 95%, #fff 100%);
  }
}
.icon-wrapper.svelte-1rtdmme {
  position: absolute;
  height: 2rem;
  width: 2rem;
  top: 54%;
  right: 50%;
  transform: translateX(50%) translateY(-50%);
}.desktop-banner.svelte-x8es1c {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  flex-direction: row;
  display: flex;
  align-items: center;
  background: var(--neutral-warm-100);
  padding: 2rem 2rem;
  gap: 2rem;
  justify-content: center;
  box-shadow: 0px -1px 5px rgba(82, 80, 76, 0.03), 0px -3px 20px rgba(82, 80, 76, 0.06), 0px -6px 44px rgba(82, 80, 76, 0.09), 0px -10px 79px rgba(82, 80, 76, 0.12), 0px -16px 123px rgba(82, 80, 76, 0.15), 0px -23px 177px rgba(82, 80, 76, 0.18);
}

.inner-banner.svelte-x8es1c {
  max-width: 80rem;
  display: flex;
  gap: 2rem;
  align-items: center;
}
    .notification.svelte-a4lviz{
        position: fixed;
        top: 4rem;
        gap: 1rem;
        right: 0;
        width: calc(100% - 2rem);
        max-width: 30rem;
        z-index: 9999;
        margin: 1rem;
        border-radius: 16px;
        padding: 1rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        border: 1px solid var(--neutral-warm-300);
        box-shadow: 0 1px 4px rgba(3, 7, 18, 0.02),
                    0 5px 16px rgba(3, 7, 18, 0.03),
                    0 12px 36px rgba(3, 7, 18, 0.05),
                    0 20px 64px rgba(3, 7, 18, 0.06),
                    0 32px 100px rgba(3, 7, 18, 0.08);


        background: var(--neutral-warm-100);
    }
.mobile-notification.svelte-1d5l5w {
  display: none;
}
@media (max-width: 900px) {
  .mobile-notification.svelte-1d5l5w {
    display: block;
  }
}

.desktop.svelte-1d5l5w {
  display: none;
}
@media (min-width: 900px) {
  .desktop.svelte-1d5l5w {
    display: block;
  }
}

.header-wrapper.svelte-1d5l5w {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}

.close-icon.svelte-1d5l5w {
  padding: 0;
  position: absolute;
  font-size: 2rem !important;
  color: black;
}

.notification-headline.svelte-1d5l5w {
  font-size: 1.5rem;
  padding-right: 2rem;
}

@media (max-width: 600px) {
  .mobile.svelte-1d5l5w {
    width: 100%;
  }
}
.notification-headline.svelte-1d5l5w {
  font-size: 1.5rem;
  line-height: 1.25;
}

.text-container.svelte-1d5l5w {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.text-container.svelte-1d5l5w .notification-headline:where(.svelte-1d5l5w) {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}

.button-box.svelte-1d5l5w {
  flex-shrink: 0;
  display: flex;
  gap: 1rem;
  margin-top: 0;
  transition: margin-top 0.3s ease;
}

h1.started.svelte-1d5l5w, .notification-headline.started.svelte-1d5l5w {
  color: var(--warn-500);
}
    .hero-section.svelte-1peqkmf {
        width: 100%;
        max-height: 700px;
        height: 80vh;
    }

    .section-top-line.svelte-1peqkmf {
        color: var(--primary-dark);
        z-index: 3;
    }

    .section-bottom-line.svelte-1peqkmf {
        color: var(--primary-sky);
        z-index: 3;
    }

    .world-intro-section.svelte-1peqkmf {
        padding: 10rem 0 4rem 0;
        position: relative;

        .section-top-line:where(.svelte-1peqkmf) {
            color: var(--primary-dark);
        }

        .section-bottom-line:where(.svelte-1peqkmf) {
            color: var(--secondary-orange);
        }

        overflow: hidden;
        z-index: 1;
    }


    .job-section.svelte-1peqkmf {
        .giant-section-text:where(.svelte-1peqkmf) {
            color: white;
            opacity: 0.5;
        }

        background: var(--accent-ice-blush);
    }

    .finance-section.svelte-1peqkmf {
        .giant-section-text:where(.svelte-1peqkmf) {
            color: var(--primary-sky);
            opacity: 0.5;
        }

        background: var(--primary-dark);

        .section-top-line:where(.svelte-1peqkmf) {
            color: var(--white);
        }

        p:where(.svelte-1peqkmf) {
            color: var(--white);
        }
    }

    .seminar-section.svelte-1peqkmf {
        width: 100dvw;
        padding: 4rem 0;
    }

    .b2b-section.svelte-1peqkmf {
        width: 100dvw;
        padding: 4rem 0;
        background: var(--neutral-warm-100);
    }

    .short-video-section.svelte-1peqkmf {
        overflow: visible;
        width: 100dvw;
        padding: 4rem 0;
    }

    @media (max-width: 1150px) {
        .giant-section-text.svelte-1peqkmf {
            font-size: 256px;
            line-height: 170px;
        }
    }

    @media (max-width: 600px) {
        .hero-section.svelte-1peqkmf {
            width: 100dvw;
            min-height: 75vh;
        }

        .giant-section-text.svelte-1peqkmf {
            font-size: 128px;
            line-height: 110px;
        }

        .world-intro-section.svelte-1peqkmf {
            padding: 5rem 0 4rem 0;
        }
    }