.learning-universe{--lu-accent:#0b9fc9;isolation:isolate;width:100%;max-width:38rem;margin:0 auto}.learning-universe[data-stage="1"]{--lu-accent:#7764c1}.learning-universe[data-stage="2"]{--lu-accent:#229982}.learning-universe[data-stage="3"]{--lu-accent:#df0054}.lu-scene{aspect-ratio:600/550;width:100%;position:relative;container-type:inline-size}.lu-canvas{width:100%;height:100%;position:relative;overflow:visible}.lu-halo{background:radial-gradient(at 40% 38%,#c6f5fc80,#0000 64%),radial-gradient(at 70% 64%,#e7dcfc80,#0000 64%);border-radius:50%;animation:9s ease-in-out infinite alternate lu-breathe;position:absolute;inset:7% 2% 3%}.lu-orbit{transform-origin:300px 272px}.lu-orbit-outer{animation:28s linear infinite lu-orbit}.lu-orbit-inner{animation:36s linear infinite reverse lu-orbit}.lu-world-float{animation:7s ease-in-out infinite lu-world-float}.lu-world-ring{transform-origin:300px 267px;animation:42s linear infinite reverse lu-orbit}.lu-reef{transform-origin:300px 267px;animation:18s ease-in-out infinite alternate lu-reef-drift}.lu-light-ray{transform-origin:230px 115px;animation:8s ease-in-out infinite alternate lu-rays}.lu-light-ray-second{animation-delay:-4s}.lu-fish-one{animation:12s ease-in-out infinite alternate lu-swim}.lu-fish-two{animation:15s ease-in-out infinite alternate lu-swim-back}.lu-bubble{animation:8s ease-in infinite lu-bubble}.lu-book{animation:7s ease-in-out infinite lu-book-float}.lu-book-shadow{transform-origin:300px 455px;animation:7s ease-in-out infinite lu-shadow}.lu-page-turn{transform-origin:300px 405px;animation:7s ease-in-out infinite lu-page}.lu-sparkle{animation:4s ease-in-out infinite lu-sparkle}.lu-connection{opacity:.45;transition:opacity .8s;animation:2s linear infinite lu-flow}[data-stage="1"] .lu-connection-mira,[data-stage="2"] .lu-connection-discover,[data-stage="3"] .lu-connection-grow{opacity:1;stroke:var(--lu-accent)}.lu-satellite{background:#fffffff5;border:1px solid #e8e9f2;align-items:center;transition:border-color .7s,box-shadow .7s,background .7s;animation:6s ease-in-out infinite lu-float;display:flex;position:absolute;box-shadow:0 12px 35px -15px #28205233,0 2px 3px #28205204}.lu-satellite[data-active=true]{border-color:color-mix(in srgb, var(--lu-accent) 55%, white);box-shadow:0 14px 40px -16px #2820523d, 0 0 0 5px color-mix(in srgb, var(--lu-accent) 8%, transparent)}.lu-read{aspect-ratio:.9;border-radius:24%;flex-direction:column;justify-content:center;gap:10%;width:16.5%;top:19%;left:9%;transform:rotate(-9deg)}.lu-read-icon{aspect-ratio:1;color:#0b9fc9;background:#e3f7fc;border-radius:30%;place-items:center;width:50%;display:grid}.lu-read-icon svg{width:62%;height:62%}.lu-mini-lines{flex-direction:column;gap:5px;width:46%;display:flex}.lu-mini-lines i{background:#e3e7ee;border-radius:8px;height:4px;display:block}.lu-mini-lines i:last-child{width:66%}.lu-read .lu-mini-lines i:first-child{background:#addff0}.lu-tiny-orb{aspect-ratio:1;border:4px solid var(--background);background:#14afd2;border-radius:50%;width:23%;position:absolute;top:-6%;right:-7%}.lu-mira{border-radius:25px;gap:8%;width:30%;padding:2.3%;animation-delay:-2s;top:14%;right:3%}.lu-mira-face{aspect-ratio:1;flex-shrink:0;width:40%;position:relative}.lu-online{aspect-ratio:1;background:#31b99b;border:2px solid #fff;border-radius:50%;width:22%;position:absolute;bottom:2%;right:2%}.lu-mira-content{flex:1;min-width:0}.lu-mira-name{color:#342860;align-items:center;gap:5px;font-size:clamp(11px,2.5cqw,15px);font-weight:800;display:flex}.lu-mira-name svg{color:#9a86cf;width:12px;height:12px}.lu-waveform{align-items:center;gap:3px;height:30px;margin-top:4px;display:flex}.lu-waveform i{background:#9580cf;border-radius:3px;width:3px;max-height:5cqw;animation:1.3s ease-in-out infinite lu-wave;transform:scaleY(.4)}[data-stage="1"] .lu-waveform i{background:#7660be;animation-duration:.7s}.lu-discovery{border-radius:22px;flex-wrap:wrap;gap:9%;width:24%;padding:2.7%;animation-delay:-4s;top:66%;left:5%}.lu-check{aspect-ratio:1;color:#218c74;background:#d9f5e9;border-radius:50%;place-items:center;width:33%;display:grid}.lu-check svg{width:60%;height:60%}.lu-discovery .lu-mini-lines{flex:1}.lu-discovery-stars{justify-content:center;gap:10%;width:100%;margin-top:12%;display:flex}.lu-discovery-stars svg{fill:#a5d6c9;stroke:#a5d6c9;width:15%;height:auto;transition:fill .7s,stroke .7s,transform .7s}[data-stage="2"] .lu-discovery-stars svg{fill:#27a98c;stroke:#27a98c;transform:scale(1.15)}[data-stage="2"] .lu-discovery-stars svg:nth-child(2){transition-delay:.15s}[data-stage="2"] .lu-discovery-stars svg:nth-child(3){transition-delay:.3s}.lu-growth{border-radius:24px;flex-direction:column;width:24%;padding:3%;animation-delay:-1s;top:63%;right:3%}.lu-growth-label{color:#a22360;align-items:center;gap:5px;font-size:clamp(9px,2cqw,12px);font-weight:800;display:flex}.lu-growth-label svg{width:14px;height:14px}.lu-bars{border-bottom:1px solid #f5e7ef;align-items:flex-end;gap:8%;width:100%;height:10cqw;max-height:60px;margin-top:12%;display:flex}.lu-bars i{transform-origin:bottom;background:#f7c2d8;border-radius:4px 4px 0 0;width:14%;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),background 1s;transform:scaleY(.65)}.lu-bars i:first-child{height:25%}.lu-bars i:nth-child(2){height:42%;transition-delay:.1s}.lu-bars i:nth-child(3){height:58%;transition-delay:.2s}.lu-bars i:nth-child(4){height:78%;transition-delay:.3s}.lu-bars i:nth-child(5){background:#e60055;height:100%;transition-delay:.4s}[data-stage="3"] .lu-bars i{background:#e986b0;transform:scaleY(1)}[data-stage="3"] .lu-bars i:last-child{background:#e60055}.lu-achievement{aspect-ratio:1;color:#b2711a;opacity:0;background:#ffe4a1;border:5px solid #fff9;border-radius:50%;place-items:center;width:13%;transition:transform 1s cubic-bezier(.16,1.4,.3,1),opacity .5s;display:grid;position:absolute;top:10%;left:43.5%;transform:translateY(14px)scale(.6)rotate(-20deg);box-shadow:0 8px 25px #c99c3333}.lu-achievement[data-active=true]{opacity:1;transform:translateY(0)scale(1)rotate(0)}.lu-achievement>svg{width:56%;height:56%}.lu-confetti{opacity:0;border-radius:2px;width:5px;height:10px;position:absolute}.lu-confetti-one{background:#e60055;top:10%;left:-30%;rotate:-30deg}.lu-confetti-two{background:#25afd4;top:-15%;right:-25%;rotate:30deg}.lu-confetti-three{background:#a798d7;top:-40%;left:45%;rotate:-10deg}[data-active=true] .lu-confetti{animation:2.4s ease-out infinite lu-confetti}.lu-caption{text-align:center;font-family:var(--font-display);letter-spacing:-.03em;color:#322b56;margin:-1% 0 16px;font-size:clamp(17px,2vw,22px);font-weight:800}@keyframes lu-orbit{to{transform:rotate(360deg)}}@keyframes lu-breathe{to{opacity:.65;transform:scale(.92)}}@keyframes lu-world-float{50%{transform:translateY(-7px)}}@keyframes lu-book-float{50%{transform:translateY(-3px)}}@keyframes lu-shadow{50%{opacity:.05;transform:scaleX(.93)}}@keyframes lu-page{50%{transform:skewY(2deg)}}@keyframes lu-float{50%{translate:0 -7px}}@keyframes lu-reef-drift{to{transform:scale(1.08)translate(-3px,-2px)}}@keyframes lu-rays{to{opacity:.05;transform:skew(8deg)}}@keyframes lu-swim{0%{transform:translate(-15px)}to{transform:translate(90px,-12px)}}@keyframes lu-swim-back{0%{transform:translate(20px)}to{transform:translate(-80px,15px)}}@keyframes lu-bubble{0%{opacity:0;transform:translateY(20px)}15%,75%{opacity:.8}to{opacity:0;transform:translate(8px,-170px)}}@keyframes lu-sparkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes lu-flow{to{stroke-dashoffset:-22px}}@keyframes lu-wave{50%{transform:scaleY(1)}}@keyframes lu-confetti{0%{opacity:0;translate:0 7px}20%,50%{opacity:1}to{opacity:0;translate:0 -9px}}.learning-universe[data-running=false] *{animation-play-state:paused!important}.learning-universe[data-reduced=true] *,.reduce-motion .learning-universe *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.learning-universe *{transition:none!important;animation:none!important}}@media (width<=1023px){.learning-universe{max-width:min(100%,24rem)}.lu-scene{width:108%;margin-left:-4%}.lu-caption{display:none}}@media (width<=420px){.lu-mira{border-radius:17px}.lu-discovery,.lu-growth{border-radius:16px}.lu-mini-lines{gap:4px}.lu-mini-lines i{height:3px}.lu-waveform{gap:2px;height:20px;margin-top:1px}.lu-waveform i{width:2px}}