.learning-orbit{--orbit-tilt:68deg;--orbit-turn:-18deg;--orbit-ink:#f2ede3;--orbit-accent:#ff6b35;aspect-ratio:1;perspective:1400px;pointer-events:none;position:relative}.learning-orbit-stars{background:radial-gradient(circle at 12% 22%,#f2ede3cc 0 1px,#0000 1.5px),radial-gradient(circle at 84% 14%,#f2ede399 0 1px,#0000 1.5px),radial-gradient(circle at 70% 82%,#f2ede3aa 0 1px,#0000 1.5px),radial-gradient(circle at 24% 76%,#f2ede377 0 1px,#0000 1.5px),radial-gradient(circle at 92% 54%,#f2ede366 0 1px,#0000 1.5px),radial-gradient(circle at 6% 52%,#f2ede355 0 1px,#0000 1.5px);animation:5.5s ease-in-out infinite alternate learning-orbit-twinkle;position:absolute;inset:0}.learning-orbit-scene{transform-style:preserve-3d;transform:rotateX(var(--orbit-tilt)) rotateZ(var(--orbit-turn));position:absolute;inset:0}.learning-orbit-planet{aspect-ratio:1;width:30%;transform:translate(-50%, -50%) rotateZ(calc(var(--orbit-turn) * -1)) rotateX(calc(var(--orbit-tilt) * -1));background:radial-gradient(circle at 34% 30%,#f2ede3 0 6%,#0000 40%),radial-gradient(circle at 62% 58%,#0000001f 0 9%,#0000 10%),radial-gradient(circle at 40% 66%,#0000001a 0 6%,#0000 7%),radial-gradient(circle at 36% 32%,#d9d4ca,#6f6c68 58%,#1b1c22 100%);border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:inset -10px -8px 22px #05060acc,inset 4px 3px 0 -2px #ff6b3566,0 0 60px #ff6b3526}.learning-orbit-ring{aspect-ratio:1;transform-style:preserve-3d;animation:learning-orbit-turn var(--orbit-period) linear infinite;animation-delay:var(--orbit-delay);border:1.5px solid #f2ede359;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #05060a99}.learning-orbit-ring.is-inner{--orbit-period:16s;--orbit-delay:-3s;width:52%}.learning-orbit-ring.is-middle{--orbit-period:26s;--orbit-delay:-15s;border-style:dashed;border-color:#f2ede34d;width:74%}.learning-orbit-ring.is-outer{--orbit-period:40s;--orbit-delay:-29s;border-color:#ff6b358c;width:96%}.learning-orbit-satellite{aspect-ratio:1;background:var(--orbit-ink);width:4.5%;animation:learning-orbit-face var(--orbit-period) linear infinite;animation-delay:var(--orbit-delay);border-radius:50%;position:absolute;top:0;left:50%;box-shadow:0 0 14px #f2ede380}.is-inner .learning-orbit-satellite{width:3.4%;box-shadow:none;background:#a7a5a1}.is-outer .learning-orbit-satellite{background:var(--orbit-accent);width:4%;box-shadow:0 0 0 6px #ff6b351f,0 0 22px #ff6b35b3}@keyframes learning-orbit-turn{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes learning-orbit-face{0%{transform:translate(-50%, -50%) rotateZ(0deg) rotateZ(calc(var(--orbit-turn) * -1)) rotateX(calc(var(--orbit-tilt) * -1))}to{transform:translate(-50%, -50%) rotateZ(-360deg) rotateZ(calc(var(--orbit-turn) * -1)) rotateX(calc(var(--orbit-tilt) * -1))}}@keyframes learning-orbit-twinkle{0%{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){.learning-orbit *{animation-play-state:paused}}.landing[data-interactive=true]:not([data-cinema=true]) .learning-orbit *{animation-play-state:paused}
