/* Website-only, GPU-friendly depth. No 3D engine, remote fonts or media downloads. */
.videoplayer{background:radial-gradient(ellipse at 15% 10%,#25213e,transparent 55%),#0e1017!important}.videoplayer .dayTitle{background:transparent!important}.videoplayer .react-player{border:1px solid #494059;box-shadow:0 8px 0 #171522,0 24px 55px #0004;border-radius:24px!important}.videoplayer .answer-box textarea{background:#f7f5ff!important;border:2px solid #c8bcea!important;box-shadow:0 4px 0 #6e5d9b30;padding:16px!important}.videoplayer .answer-box .mic{border-radius:50%;background:radial-gradient(circle at 30% 25%,#ac97f3,#6553bb)!important;box-shadow:0 5px 0 #403361,0 10px 22px #0003}.videoplayer .input-mode-link{color:#d9ceff!important}.videoplayer #fluencify-sync-status{border:1px solid #595070;background:#252035!important}.videoplayer #fluencify-sync-status[data-state=listening]{background:#134f41!important;border-color:#68b49e}.videoplayer #fluencify-sync-status[data-state=error]{background:#6c2929!important;border-color:#d58e8e}
:root{--ink:#22243f;--purple:#6655cf;--mint:#daf3e9}
html,body{overflow-x:clip}.hero-copy,.spatial-scene{min-width:0}
body{background:radial-gradient(ellipse at 90% 5%,#e9e4ff 0,transparent 38%),#fbfaf7;color:var(--ink)}
.site-nav{position:relative;z-index:5;background:#fbfaf7d9;backdrop-filter:blur(14px);border-color:#e7e3ef}
.desktop-links a{transition:color .2s}.desktop-links a:hover{color:var(--purple)}
.button{border-radius:100px;box-shadow:0 5px 0 #40338c,0 12px 22px #6152bf20;transition:transform .2s,box-shadow .2s;background:linear-gradient(135deg,#7c6ae4,#5746b6)}
.button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #40338c,0 16px 28px #6152bf28}.button:active{transform:translateY(3px);box-shadow:0 2px 0 #40338c}
.eyebrow{color:#655694}.hero-spatial{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;padding-top:58px;min-height:520px}
.hero-spatial h1{font-size:clamp(40px,5vw,65px);letter-spacing:-.055em}.hero-spatial .intro{font-size:18px;max-width:510px}.hero-spatial h1 span{background:linear-gradient(115deg,#6450c8,#9882db);background-clip:text;color:transparent}
.spatial-scene{position:relative;height:420px;perspective:900px;isolation:isolate}
.voice-orb{position:absolute;left:50%;top:48%;width:230px;height:230px;transform:translate(-50%,-50%) rotate(-12deg);border-radius:50%;background:radial-gradient(circle at 30% 22%,#f0eaff 0,#b8a7f0 22%,#8162d7 47%,#483593 77%,#2a2251 100%);box-shadow:inset -14px -18px 30px #30224f66,inset 8px 8px 22px #ffffff90,20px 36px 50px #6552a93b;display:grid;place-items:center}
.voice-orb span{font-size:138px;font-weight:800;color:#f8f5ff;text-shadow:2px 5px 0 #8b70ca,6px 12px 14px #34216066;line-height:1;padding-bottom:22px}
.orbit{position:absolute;top:50%;left:50%;width:340px;height:340px;border:1px solid #b6a5d7;border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg) rotateZ(-30deg);z-index:-1}.orbit-two{width:380px;height:380px;transform:translate(-50%,-50%) rotateX(65deg) rotateZ(45deg);border-color:#cec3e5}
.floating-note{position:absolute;z-index:2;background:#ffffffec;border:1px solid #fff;border-radius:18px;box-shadow:0 14px 35px #51477b18,0 3px 0 #ddd7ee;padding:16px 20px;font-size:12px;font-weight:650;transform:rotate(-6deg)}
.note-top{top:32px;left:8px;display:flex;align-items:center;gap:9px}.note-dot{height:9px;width:9px;border-radius:50%;background:#38947b;box-shadow:0 0 0 5px #e0f3ec}
.note-bottom{bottom:18px;right:0;transform:rotate(7deg);width:250px}.note-bottom strong,.note-bottom small{display:block}.note-bottom small{font-weight:400;color:#676179;margin-top:5px}
.sound-bars{display:flex;gap:6px;height:34px;align-items:center;margin-bottom:12px}.sound-bars i{width:6px;height:12px;border-radius:6px;background:#8a74d7}.sound-bars i:nth-child(2n){height:25px}.sound-bars i:nth-child(3n){height:34px}
.facts{border:1px solid #e5dfee;border-radius:22px;background:#ffffffa6;padding:24px 30px;justify-content:space-between;margin-top:12px;box-shadow:0 8px 24px #403a6505}.facts strong{color:#51419d}
.card{border-radius:24px;border-color:#e5e0ef;box-shadow:0 6px 0 #e9e4f0;transition:transform .25s,box-shadow .25s;border-top:4px solid #b6a3ee}.card:nth-child(2n){background:#f2f6f2;border-top-color:#9acdb6}.card:nth-child(3){background:#fdf4ed;border-top-color:#e7b48c}.card:nth-child(4){background:#f1f2fa;border-top-color:#a0ace2}
.card .course-number{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#ffffffa6;color:#776a9c;font-weight:700;box-shadow:0 3px 0 #dcd5eb;transform:rotate(8deg)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.card:hover{transform:perspective(1000px) rotateX(2deg) translateY(-6px);box-shadow:0 12px 0 #e9e4f0,0 24px 36px #44326d10}.spatial-scene:hover .voice-orb{transform:translate(-50%,-53%) rotate(0deg)}.voice-orb{transition:transform .6s}}
.steps article{padding:26px;border:1px solid #e4dfec;border-radius:20px;background:#fff}.steps b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eae5fb;box-shadow:0 3px 0 #d3c8ec}
.chips a{transition:background .2s,transform .2s}.chips a:hover{background:#e5ddfa;transform:translateY(-2px)}details:not(.mobile-menu){border:1px solid #e3deeb;border-radius:16px;padding:20px 24px;margin:12px 0;background:#ffffffa3}details[open]:not(.mobile-menu){background:#f0ecfb}summary::marker{color:#7360c8}footer{border-radius:34px 34px 0 0;background:#242138}
@media(max-width:850px){.hero-spatial{grid-template-columns:1fr;gap:0}.spatial-scene{height:320px;width:min(430px,100%);margin:0 auto}.voice-orb{width:180px;height:180px}.voice-orb span{font-size:110px}.orbit{width:270px;height:270px}.orbit-two{width:310px;height:310px}.note-top{top:12px}.note-bottom{bottom:0}.hero-spatial h1{max-width:680px}}
@media(max-width:560px){.facts{padding:20px 16px;gap:14px}.facts strong{font-size:22px}.floating-note{font-size:11px;padding:12px 14px}.note-bottom{width:205px}.spatial-scene{height:310px}.hero-actions{flex-wrap:wrap}.card .button{width:100%}}
/* A colourful learning world; decorative shapes never cover lesson controls. */
body{background:radial-gradient(circle at 88% 8%,#e4d8ff 0,transparent 28%),radial-gradient(circle at 5% 35%,#ddf7f0 0,transparent 25%),#fffcf5}
.site-nav{background:#fffcf5ec}.hero-copy .eyebrow{display:inline-block;background:#fff0b9;color:#6c4c0e;border:1px solid #f0da90;border-radius:100px;padding:8px 14px;letter-spacing:.09em}
.hero-spatial h1 span{background:linear-gradient(110deg,#7050c1 5%,#b33e7b 58%,#b85523 95%);background-clip:text;color:transparent}
.spatial-scene::before{content:'★';position:absolute;top:10%;right:5%;font-size:85px;line-height:1;color:#ffd357;text-shadow:0 5px 0 #d49d30,0 15px 20px #a16d2026;transform:rotate(14deg)}
.spatial-scene::after{content:'Aa';position:absolute;bottom:16%;left:0;display:grid;place-items:center;width:80px;height:80px;background:linear-gradient(135deg,#88e7d0,#27aa90);border:2px solid #b8f4e5;border-radius:22px;color:#123f37;font-size:30px;font-weight:800;box-shadow:0 7px 0 #218976,0 15px 25px #24857026;transform:rotate(-14deg)}
.voice-orb{background:radial-gradient(circle at 30% 22%,#ffe5fa 0,#ce9fea 23%,#9271df 47%,#6243b1 77%,#38276e 100%)}
.note-top{background:#e2faf0;border-color:#b6e6d4;color:#245248}.note-bottom{background:#fff0d9;border-color:#ffdeb0;color:#62491d}.note-bottom small{color:#78603c}.sound-bars i{background:#b34e89}.sound-bars i:nth-child(2n){background:#7251bc}.sound-bars i:nth-child(3n){background:#258c77}
.facts{background:white;border:2px solid #eee6db}.facts span:nth-child(1) strong{color:#714cbd}.facts span:nth-child(2) strong{color:#1d796a}.facts span:nth-child(3) strong{color:#a3476c}
.card{background:#eee7ff;border:2px solid #dbcdfa;border-top:6px solid #956ce4;box-shadow:0 6px 0 #d6c6f2}.card:nth-child(2n){background:#e1f5ec;border-color:#bce5d2;border-top-color:#48b893;box-shadow:0 6px 0 #b8dece}.card:nth-child(3){background:#fff1d5;border-color:#f2dca8;border-top-color:#e6ae42;box-shadow:0 6px 0 #ead29e}.card:nth-child(4){background:#fbe7ef;border-color:#efc5d5;border-top-color:#d679a1;box-shadow:0 6px 0 #e8bfd0}
.card p{color:#505062}.card:nth-child(2) .button{background:linear-gradient(135deg,#25856e,#216a5b);box-shadow:0 5px 0 #174e43}.card:nth-child(3) .button{background:linear-gradient(135deg,#a96620,#8a4c17);box-shadow:0 5px 0 #633715}.card:nth-child(4) .button{background:linear-gradient(135deg,#ac4779,#893761);box-shadow:0 5px 0 #602343}
.steps article:nth-child(1){background:#f0eaff}.steps article:nth-child(2){background:#e5f7f0}.steps article:nth-child(3){background:#fff2da}.steps article:nth-child(2) b{background:#c2eadb;color:#245d4e;box-shadow:0 3px 0 #9dcebc}.steps article:nth-child(3) b{background:#ffe0a0;color:#745113;box-shadow:0 3px 0 #e5c37b}
.chips a:nth-child(2){background:#fbe5ed;border-color:#edc1d1}.chips a:nth-child(3){background:#fff0d0;border-color:#ead6a3}
@media(max-width:560px){.spatial-scene::before{font-size:60px;right:4%;top:18%}.spatial-scene::after{width:61px;height:61px;font-size:25px;left:2%;bottom:20%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}