.ct-learning-globe-section {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-top: 64px;
  background: radial-gradient(ellipse at 45% 92%, #e3d8f4 0, transparent 43%), radial-gradient(ellipse at 0 0, #f8eddc 0, transparent 40%), #f0f6f5;
  text-align: center;
  scroll-margin-top: 90px;
}
.ct-learning-globe-content { position: relative; z-index: 2; max-width: 1000px; margin-inline: auto; }
.ct-learning-globe-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  padding: 5px 13px;
  border: 1px solid #dce5e6;
  border-radius: 30px;
  color: #192b40;
  font-size: 14px;
  line-height: 24px;
}
.ct-learning-globe-eyebrow svg { flex: none; color: #5956e9; }
.ct-learning-globe-title {
  margin: 0 0 16px;
  color: #192b40;
  font-size: clamp(36px, 4.5vw, 62px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.035em;
}
.ct-learning-globe-title .ct-learning-globe-title-line,
.ct-learning-globe-title .ct-learning-globe-title-accent { display: block; }
.ct-learning-globe-title .ct-learning-globe-title-line[contenteditable],
.ct-learning-globe-title .ct-learning-globe-title-accent[contenteditable] { display: block; }
.ct-learning-globe-title-accent { color: #1978e7; }
.ct-learning-globe-description {
  max-width: 680px;
  margin: 0 auto 24px;
  color: #5d6676;
  font-size: 17px;
  line-height: 1.9;
}
.ct-learning-globe-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 12px 28px;
  border-radius: 50px;
  background: #5956e9;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  text-decoration: none;
  transition: background-color .2s ease;
}
.ct-learning-globe-button:hover { background: #4340cf; color: #fff; }
.ct-learning-globe-button:focus-visible,
.ct-learning-globe-toggle:focus-visible { outline: 3px solid #1978e7; outline-offset: 4px; }
.ct-learning-globe-art {
  position: relative;
  width: min(100%, 1000px);
  aspect-ratio: 1078 / 393;
  margin: 44px auto 0;
  direction: ltr;
}
.ct-learning-globe-earth {
  display: block;
  width: 100%;
  height: auto;
  transform-origin: 50% 100%;
  animation: ct-learning-globe-earth-sway 12s ease-in-out infinite;
  animation-play-state: paused;
}
.ct-learning-globe-admin .ct-learning-globe-earth { animation: none; }
.ct-learning-globe-orbit {
  position: absolute;
  top: 13.23%;
  left: 1.855%;
  width: 95.55%;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: ct-learning-globe-orbit 30s linear infinite;
  animation-play-state: paused;
}
.ct-learning-globe-slot {
  position: absolute;
  width: 6.3%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
}
.ct-learning-globe-tech {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 3px 8px #192b4015;
  animation: ct-learning-globe-orbit 30s linear infinite reverse;
  animation-play-state: paused;
}
.ct-learning-globe-tech img { display: block; width: 75%; height: 75%; object-fit: contain; }
.ct-learning-globe-tech::after {
  content: attr(data-label);
  position: absolute;
  bottom: calc(100% + 8px);
  padding: 4px 10px;
  border-radius: 5px;
  background: #5956e9;
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
}
.ct-learning-globe-tech:hover::after { opacity: 1; visibility: visible; }
.ct-learning-globe-section[data-running="true"] .ct-learning-globe-earth,
.ct-learning-globe-section[data-running="true"] .ct-learning-globe-orbit,
.ct-learning-globe-section[data-running="true"] .ct-learning-globe-tech { animation-play-state: running; }
.ct-learning-globe-toggle {
  position: absolute;
  z-index: 3;
  inset-inline-end: 24px;
  bottom: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid #dce5e6;
  border-radius: 50%;
  background: #fff;
  color: #5956e9;
  cursor: pointer;
}
.ct-learning-globe-toggle[hidden], .ct-learning-globe-play { display: none; }
.ct-learning-globe-section[data-paused="true"] .ct-learning-globe-pause { display: none; }
.ct-learning-globe-section[data-paused="true"] .ct-learning-globe-play { display: block; }
[dir="rtl"] .ct-learning-globe-title { letter-spacing: 0; }
[dir="rtl"] .ct-learning-globe-content { text-align: center; }
[dir="rtl"] .ct-learning-globe-button svg { transform: rotate(180deg); }
@keyframes ct-learning-globe-orbit { to { transform: rotate(360deg); } }
@keyframes ct-learning-globe-earth-sway {
  0%, 100% { transform: translate3d(-.35%, 2%, 0) rotate(-.6deg) scale(1.025); }
  50% { transform: translate3d(.35%, 2%, 0) rotate(.6deg) scale(1.025); }
}
@media (max-width: 767px) {
  .ct-learning-globe-section { padding-top: 44px; }
  .ct-learning-globe-title { font-size: 36px; line-height: 1.45; }
  .ct-learning-globe-description { max-width: 520px; font-size: 15px; margin-bottom: 20px; }
  .ct-learning-globe-art { width: 108%; max-width: none; margin-inline-start: -4%; margin-top: 36px; }
  .ct-learning-globe-toggle { inset-inline-end: 12px; bottom: 12px; }
}
@media (max-width: 399px) {
  .ct-learning-globe-title { font-size: 30px; }
  .ct-learning-globe-eyebrow { font-size: 12px; }
  .ct-learning-globe-button { font-size: 14px; padding-inline: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .ct-learning-globe-earth, .ct-learning-globe-orbit, .ct-learning-globe-tech { animation: none; }
  .ct-learning-globe-button { transition: none; }
}