.app-intro-shell{transition:background .45s,color .3s}.app-intro-shell--app{--intro-accent:#3b82f6;--intro-accent-soft:#3b82f638;--intro-ink:#1e3a5f;--intro-muted:#4a6a8a;background:linear-gradient(165deg,#e8f1ff 0%,#d6e6ff 45%,#cfe0ff 100%)}.app-intro-shell--course{--intro-accent:#5b4cfd;--intro-accent-soft:#5b4cfd38;--intro-ink:#2a1f6e;--intro-muted:#5a4f8a;background:linear-gradient(165deg,#f0edff 0%,#e4deff 45%,#ddd5ff 100%)}.app-intro-shell--class{--intro-accent:#f59e0b;--intro-accent-soft:#f59e0b47;--intro-ink:#7a3e08;--intro-muted:#8a5a28;background:linear-gradient(165deg,#fff4e8 0%,#ffe8d1 45%,#ffdfc0 100%)}.app-intro-shell--space{--intro-accent:#10b981;--intro-accent-soft:#10b9813d;--intro-ink:#0f4d38;--intro-muted:#3d7a62;background:linear-gradient(165deg,#e8faf3 0%,#d4f5e8 45%,#c5f0df 100%)}.app-intro-skip,.app-intro-count{color:var(--intro-muted);transition:color .3s}.app-intro-skip:hover{color:var(--intro-ink)}.app-intro-title{color:var(--intro-ink);transition:color .3s}.app-intro-body{color:var(--intro-muted);transition:color .3s}.app-intro-cta{background:var(--intro-accent);box-shadow:0 8px 22px var(--intro-accent-soft);transition:background .3s,box-shadow .3s,transform .15s,filter .15s}.app-intro-art{aspect-ratio:1;width:min(100%,300px);margin-inline:auto;position:relative}.app-intro-art__stage{box-shadow:none;background:0 0;border:0;border-radius:0;position:absolute;inset:0;overflow:visible}.app-intro-art--app .app-intro-ring{border:2px solid #3b82f647;border-radius:999px;animation:2.8s ease-in-out infinite app-intro-ring-pulse;position:absolute;inset:18%}.app-intro-art--app .app-intro-ring--delay{border-color:#3b82f624;animation-delay:.7s;inset:10%}.app-intro-art--app .app-intro-orb{transform-origin:0 0;background:#3b82f6;border-radius:999px;width:10px;height:10px;animation:6s linear infinite app-intro-orbit;position:absolute;top:50%;left:50%}.app-intro-art--app .app-intro-orb--2{background:#60a5fa;width:7px;height:7px;animation-duration:8s;animation-direction:reverse}.app-intro-art--app .app-intro-icon{box-shadow:none;background:0 0;border-radius:28%;animation:3.2s ease-in-out infinite app-intro-float;position:absolute;inset:28%;overflow:hidden}.app-intro-art--app .app-intro-icon img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.app-intro-art--course .app-intro-journey{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.app-intro-art--course .app-intro-journey-track{fill:none;stroke:#5b4cfd33;stroke-width:4px;stroke-linecap:round;stroke-dasharray:6 7}.app-intro-art--course .app-intro-journey-progress{fill:none;stroke:#5b4cfd;stroke-width:4.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:1.5s linear forwards app-intro-journey-draw}.app-intro-art--course .app-intro-traveler{fill:#5b4cfd;stroke:#fff;stroke-width:2.5px;filter:drop-shadow(0 2px 6px #5b4cfd73)}.app-intro-art--course .app-intro-cp-node{fill:#fff;stroke:#5b4cfd47;stroke-width:2.2px;transform-box:fill-box;transform-origin:50%;filter:drop-shadow(0 2px 4px #5b4cfd1f)}.app-intro-art--course .app-intro-cp-pulse{fill:none;stroke:#5b4cfd;stroke-width:2px;transform-box:fill-box;transform-origin:50%;opacity:0}.app-intro-art--course .app-intro-cp-icon{transform-box:fill-box;transform-origin:50%}.app-intro-art--course .app-intro-cp-icon--stroke{fill:none;stroke:#7c6cff}.app-intro-art--course .app-intro-cp-icon--fill{fill:#7c6cff;stroke:none}.app-intro-art--course .app-intro-cp--1 .app-intro-cp-node{animation:.28s cubic-bezier(.34,1.56,.64,1) .39s forwards app-intro-node-pop}.app-intro-art--course .app-intro-cp--1 .app-intro-cp-pulse{animation:.45s ease-out .39s forwards app-intro-node-pulse}.app-intro-art--course .app-intro-cp--1 .app-intro-cp-icon--stroke{animation:.25s .39s forwards app-intro-icon-stroke-active}.app-intro-art--course .app-intro-cp--2 .app-intro-cp-node{animation:.28s cubic-bezier(.34,1.56,.64,1) .8s forwards app-intro-node-pop}.app-intro-art--course .app-intro-cp--2 .app-intro-cp-pulse{animation:.45s ease-out .8s forwards app-intro-node-pulse}.app-intro-art--course .app-intro-cp--2 .app-intro-cp-icon--stroke{animation:.25s .8s forwards app-intro-icon-stroke-active}.app-intro-art--course .app-intro-cp--3 .app-intro-cp-node{animation:.28s cubic-bezier(.34,1.56,.64,1) 1.2s forwards app-intro-node-pop}.app-intro-art--course .app-intro-cp--3 .app-intro-cp-pulse{animation:.45s ease-out 1.2s forwards app-intro-node-pulse}.app-intro-art--course .app-intro-cp--3 .app-intro-cp-icon--fill{animation:.25s 1.2s forwards app-intro-icon-fill-active}.app-intro-art--course .app-intro-goal-base{fill:#10b981;stroke:#fff;stroke-width:2px;transform-box:fill-box;transform-origin:50%;opacity:.6;animation:.35s 1.48s forwards app-intro-goal-base-glow}.app-intro-art--course .app-intro-goal-ripple{fill:none;stroke:#10b981;stroke-width:2px;transform-box:fill-box;transform-origin:50%;opacity:0;animation:1.8s ease-out 1.5s infinite app-intro-goal-soft-ripple}.app-intro-art--course .app-intro-goal-flag{opacity:1}.app-intro-art--course .app-intro-flag-cloth{animation:none}.app-intro-art--class .app-intro-hub{background:#f59e0b;border-radius:20px;width:64px;height:64px;margin:-32px 0 0 -32px;animation:2.4s ease-in-out infinite app-intro-pulse-soft;position:absolute;top:50%;left:50%;box-shadow:0 10px 24px #f59e0b59}.app-intro-art--class .app-intro-hub:before{content:"";background:#ffffffeb;border-radius:999px;position:absolute;inset:22%}.app-intro-art--class .app-intro-seat{opacity:0;background:#fff;border:3px solid #fef3c7;border-radius:999px;width:44px;height:44px;animation:.55s forwards app-intro-seat-in,2.8s ease-in-out infinite app-intro-bob;position:absolute;box-shadow:0 6px 14px #1e14461a}.app-intro-art--class .app-intro-seat:before{content:"";background:#f59e0b;border-radius:999px;width:14px;height:14px;margin-left:-7px;position:absolute;top:28%;left:50%}.app-intro-art--class .app-intro-seat:after{content:"";background:#f59e0b59;border-radius:12px 12px 8px 8px;width:22px;height:12px;margin-left:-11px;position:absolute;bottom:10%;left:50%}.app-intro-art--class .app-intro-seat--1{margin-left:-22px;animation-delay:.1s,.1s;top:12%;left:50%}.app-intro-art--class .app-intro-seat--2{animation-delay:.25s,.4s;top:30%;right:12%}.app-intro-art--class .app-intro-seat--3{animation-delay:.4s,.7s;bottom:16%;right:22%}.app-intro-art--class .app-intro-seat--4{animation-delay:.55s,1s;bottom:16%;left:22%}.app-intro-art--class .app-intro-seat--5{animation-delay:.7s,1.3s;top:30%;left:12%}.app-intro-art--class .app-intro-link{border:2px dashed #f59e0b59;border-radius:999px;animation:18s linear infinite app-intro-spin-slow;position:absolute;inset:22%}.app-intro-art--space .app-intro-space{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.app-intro-art--space .app-intro-space-plate{fill:#10b98124;opacity:0;transform-box:fill-box;transform-origin:50%;animation:.45s 50ms forwards app-intro-space-plate-in}.app-intro-art--space .app-intro-space-plate-ring{fill:none;stroke:#10b98159;stroke-width:2px;stroke-dasharray:5 6;opacity:0;transform-box:fill-box;transform-origin:50%;animation:.45s .12s forwards app-intro-space-plate-in}.app-intro-art--space .app-intro-space-doc{transform-box:fill-box;transform-origin:50%;opacity:0;animation:.7s cubic-bezier(.22,1.2,.36,1) .15s forwards app-intro-space-doc-drop}.app-intro-art--space .app-intro-space-doc-body{fill:#fff;stroke:#10b98159;stroke-width:1.5px;filter:drop-shadow(0 8px 16px #10b9812e)}.app-intro-art--space .app-intro-space-doc-head{fill:#10b981}.app-intro-art--space .app-intro-space-doc-line{stroke:#b7e8d4;stroke-width:3px;stroke-linecap:round}.app-intro-art--space .app-intro-space-chip{opacity:0;transform-box:fill-box;transform-origin:50%}.app-intro-art--space .app-intro-space-chip-bg{fill:#fff;stroke:#10b98147;stroke-width:1.4px;filter:drop-shadow(0 4px 10px #0f4d381a)}.app-intro-art--space .app-intro-space-chip-card{fill:#ecfdf5;stroke:#10b981;stroke-width:1.2px}.app-intro-art--space .app-intro-space-chip-card--back{fill:#10b981;stroke:#059669}.app-intro-art--space .app-intro-space-chip-letter-mark{fill:#fff}.app-intro-art--space .app-intro-space-chip-icon{fill:#10b981}.app-intro-art--space .app-intro-space-chip-icon-soft{fill:#10b98147}.app-intro-art--space .app-intro-space-chip-quiz-ring{fill:#ecfdf5;stroke:#10b981;stroke-width:1.6px}.app-intro-art--space .app-intro-space-chip-check{fill:none;stroke:#059669}.app-intro-art--space .app-intro-space-chip--vocab{animation:.4s cubic-bezier(.34,1.4,.64,1) .85s forwards app-intro-space-chip-in}.app-intro-art--space .app-intro-space-chip--speak{animation:.4s cubic-bezier(.34,1.4,.64,1) 1.05s forwards app-intro-space-chip-in}.app-intro-art--space .app-intro-space-chip--quiz{animation:.4s cubic-bezier(.34,1.4,.64,1) 1.25s forwards app-intro-space-chip-in}.app-intro-dots{justify-content:center;align-items:center;gap:10px;padding:12px 0 4px;display:flex}.app-intro-dots__dot{background:var(--intro-accent-soft);cursor:pointer;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .25s,background .25s,transform .25s}.app-intro-dots__dot.is-active{background:var(--intro-accent);width:22px;transform:scale(1.05)}@keyframes app-intro-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes app-intro-ring-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes app-intro-orbit{0%{transform:rotate(0)translate(78px)rotate(0)}to{transform:rotate(360deg)translate(78px)rotate(-360deg)}}@keyframes app-intro-journey-draw{to{stroke-dashoffset:0}}@keyframes app-intro-node-pop{0%{fill:#fff;stroke:#5b4cfd47;transform:scale(1)}45%{fill:#5b4cfd;stroke:#5b4cfd;transform:scale(1.3)}to{fill:#5b4cfd;stroke:#5b4cfd;transform:scale(1.08)}}@keyframes app-intro-node-pulse{0%{opacity:.8;transform:scale(.95)}to{opacity:0;transform:scale(1.8)}}@keyframes app-intro-icon-stroke-active{0%{stroke:#7c6cff;transform:scale(1)}50%{transform:scale(1.15)}to{stroke:#fff;transform:scale(1.05)}}@keyframes app-intro-icon-fill-active{0%{fill:#7c6cff;transform:scale(1)}50%{transform:scale(1.15)}to{fill:#fff;transform:scale(1.05)}}@keyframes app-intro-goal-base-glow{to{opacity:1;transform:scale(1.15)}}@keyframes app-intro-goal-soft-ripple{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1.9)}}@keyframes app-intro-flag-soft-enter{0%{opacity:.75;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes app-intro-pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes app-intro-seat-in{to{opacity:1}}@keyframes app-intro-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes app-intro-spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes app-intro-space-plate-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes app-intro-space-doc-drop{0%{opacity:0;transform:translateY(-42px)scale(.92)}70%{opacity:1;transform:translateY(4px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes app-intro-space-chip-in{0%{opacity:0;transform:scale(.55)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.app-intro-art--app .app-intro-ring,.app-intro-art--app .app-intro-orb,.app-intro-art--app .app-intro-icon,.app-intro-art--course .app-intro-journey-progress,.app-intro-art--course .app-intro-cp-node,.app-intro-art--course .app-intro-cp-pulse,.app-intro-art--course .app-intro-cp-icon--stroke,.app-intro-art--course .app-intro-cp-icon--fill,.app-intro-art--course .app-intro-goal-base,.app-intro-art--course .app-intro-goal-ripple,.app-intro-art--course .app-intro-goal-flag,.app-intro-art--course .app-intro-flag-cloth,.app-intro-art--class .app-intro-hub,.app-intro-art--class .app-intro-seat,.app-intro-art--class .app-intro-link,.app-intro-art--space .app-intro-space-plate,.app-intro-art--space .app-intro-space-plate-ring,.app-intro-art--space .app-intro-space-doc,.app-intro-art--space .app-intro-space-chip{opacity:1!important;stroke-dashoffset:0!important;transition:none!important;animation:none!important;transform:none!important}}