body{font-family:Jura,sans-serif}.circular-text{pointer-events:none;z-index:5;justify-content:center;align-items:center;width:0;height:0;display:flex;position:absolute;top:50%;left:50%}.circular-letter{color:#333;text-transform:uppercase;white-space:pre;transform-origin:50%;-webkit-user-select:none;user-select:none;letter-spacing:1px;font-family:Outfit,Inter,sans-serif;font-size:11px;font-weight:700;display:inline-block;position:absolute}@media (width<=600px){.circular-letter{font-size:9px}}.circular-text-container{display:inline-block;position:relative}.curved-loop-container{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100px;display:flex;overflow:hidden}@media (width>=960px){.curved-loop-container{height:200px}}.curved-loop-container svg{pointer-events:auto;width:100%;height:auto}.curved-text{fill:#000000b3;text-transform:uppercase;letter-spacing:2px;-webkit-user-select:none;user-select:none;font-family:Jura,Outfit,sans-serif;font-size:20px;font-weight:700}@media (width>=960px){.curved-text{letter-spacing:4px;font-size:16px}}.curved-loop-container:hover .curved-text{fill:#333;transition:fill .3s}body,html{scroll-behavior:smooth;width:100%;margin:0;padding:0;font-size:16px;overflow-x:hidden}@media (width<=600px){html{font-size:14px}}.app-container{z-index:1;background-image:linear-gradient(#fff3,#fff3),url(/assets/phonics_bg_3d-BS3KRKvV.png);background-position:50%;background-size:cover;background-attachment:fixed;width:100vw;min-height:100vh;position:relative}.app-container:before,.app-container:after{content:"";filter:blur(40px);z-index:-1;background:#fff6;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}.app-container:before{background:radial-gradient(circle,#ffb6c180 0%,#fff0 70%);width:50vw;height:50vw;animation-duration:12s;top:-10%;left:-10%}.app-container:after{background:radial-gradient(circle,#87cefa80 0%,#fff0 70%);width:40vw;height:40vw;animation-duration:15s;animation-direction:alternate-reverse;bottom:-10%;right:-10%}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%{transform:translateY(0)scale(1)}to{transform:translateY(30px)scale(1.05)}}@keyframes float-letter{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes pulse-soft{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.float-animation{animation:6s ease-in-out infinite float-letter}.wiggle-animation:hover{animation:.5s ease-in-out infinite wiggle}.pulse-animation{animation:3s ease-in-out infinite pulse-soft}.kids-card{border:4px solid #ffffff80!important;border-radius:40px!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important;box-shadow:0 20px #0000000d!important}.kids-card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 30px #00000014!important}@keyframes swing{0%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}.monkey-swing{transform-origin:top;animation:2s ease-in-out infinite swing}.custom-snackbar .MuiAlert-root{border-radius:20px!important;align-items:center!important;padding:10px 20px!important;display:flex!important;position:relative!important;overflow:visible!important;box-shadow:0 10px 30px #0000001a!important}.monkey-container{z-index:10;position:absolute;bottom:-45px;right:20px}