@import url("https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Darumadrop+One&family=Padauk:wght@400;700&display=swap");

/*
! tailwindcss v3.4.11 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.relative{position:relative}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.table{display:table}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-4xl{max-width:56rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.object-cover{object-fit:cover}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-4{padding-left:1rem}.pt-20{padding-top:5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-90{opacity:.9}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--primary-color:#2fcf6e;--primary-600:#22c55e;--primary-700:#16a34a;--secondary-color:#a7f3d0;--background-color:#eefbf3;--background-accent:#e6f7ee;--text-color:#175b33;--highlight-color:#ffe266;--border-yellow:#ffec99;--border-yellow-light:#fff5cc;--gradient-start:#e9fdf3;--gradient-end:#f7fff5;--header-dark:#176d3a;--header-light:#2fcf6e;--header-accent:#ffd166;--header-glow:rgba(47,207,110,0.25)}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{font-family:Comic Neue,cursive;background-color:var(--background-color);color:var(--text-color);overflow-x:hidden;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.bg-gradient-custom{background:radial-gradient(1200px 600px at -10% -20%,rgba(167,243,208,.6),transparent 70%),radial-gradient(900px 500px at 110% -10%,rgba(134,239,172,.5),transparent 70%),linear-gradient(180deg,var(--gradient-start) 0,var(--gradient-end) 100%);min-height:100vh;position:relative;animation:hue-soft 18s ease-in-out infinite}@keyframes hue-soft{0%,to{filter:hue-rotate(0deg) brightness(1)}25%{filter:hue-rotate(10deg) brightness(1.03)}50%{filter:hue-rotate(0deg) brightness(1.06)}75%{filter:hue-rotate(-10deg) brightness(1.03)}}.bg-gradient-custom:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,107,157,.3) 0,transparent 40%),radial-gradient(circle at 80% 20%,rgba(67,233,123,.3) 0,transparent 40%),radial-gradient(circle at 40% 70%,rgba(79,172,254,.3) 0,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,234,167,.3) 0,transparent 40%),radial-gradient(circle at 10% 90%,rgba(240,147,251,.3) 0,transparent 40%);pointer-events:none;animation:bubble-float 15s linear infinite}@keyframes bubble-float{0%{background-position:0 0,100% 0,50% 100%,0 100%,100% 100%}to{background-position:100% 100%,0 100%,-50% 0,100% 0,0 0}}*{box-sizing:border-box;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:2.2rem;font-weight:700;color:var(--text-color);margin:1.5rem 0;text-align:left;text-shadow:3px 3px 0 rgba(126,217,87,.3);position:relative;padding-left:3rem;letter-spacing:.5px;background:linear-gradient(45deg,var(--text-color),#3d7a37);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-title:before{content:"🎈";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:2.2rem;animation:float 3s ease-in-out infinite;-webkit-text-fill-color:initial}.card{background:white;border-radius:20px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease}.card:hover{transform:translateY(-5px)}.button{background:linear-gradient(135deg,#34d399,#22c55e);color:#073b23;border:0;border-radius:9999px;padding:.85rem 1.6rem;font-size:1.05rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 18px rgba(34,197,94,.25),inset 0 -4px 0 rgba(0,0,0,.06);position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.7),transparent);border-radius:9999px 9999px 0 0}.button:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 26px rgba(34,197,94,.3),inset 0 -4px 0 rgba(0,0,0,.05)}.button:active{transform:translateY(0) scale(.98)}.nav-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:rgba(255,255,255,.95);box-shadow:0 6px 12px rgba(45,122,31,.15),0 4px 6px rgba(45,122,31,.1),inset 0 -4px 0 rgba(0,0,0,.05);position:relative;overflow:hidden;backdrop-filter:blur(8px);z-index:1;border:2px solid rgba(255,255,255,.8)}.nav-icon:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.8),transparent);border-radius:50% 50% 0 0}.nav-icon:hover{transform:scale(1.15) translateY(-3px);box-shadow:0 8px 16px rgba(45,122,31,.2),0 6px 8px rgba(45,122,31,.15),inset 0 -4px 0 rgba(0,0,0,.05);background:white;border-color:var(--header-accent)}.nav-icon:active{transform:scale(1.1) translateY(0);box-shadow:0 4px 8px rgba(0,0,0,.1),inset 0 -2px 0 rgba(0,0,0,.05);transition:all .1s ease}.nav-icon img{width:20px;height:20px;position:relative;z-index:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));transition:transform .3s ease}.nav-icon:hover img{transform:scale(1.1) rotate(5deg)}.nav-icon.active{background:white;box-shadow:0 6px 12px rgba(0,0,0,.15),0 4px 6px rgba(0,0,0,.1),inset 0 -4px 0 rgba(0,0,0,.05)}.nav-icon.active:after{content:"✨";position:absolute;top:-10px;right:-5px;font-size:14px;animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg);opacity:1}50%{transform:scale(1.2) rotate(15deg);opacity:.8}}.nav-icon.books,.nav-icon.create,.nav-icon.offline,.nav-icon.videos{border:2px solid white}.nav-icon.abc{background:#ff9ecd}.nav-icon.numbers{background:#98eecc}.nav-icon.reading{background:#ffb4b4}.nav-icon.logic{background:#ffe5a5}.story-card{border-radius:25px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background-color:white;min-height:120px;box-shadow:0 10px 20px rgba(126,217,87,.15);position:relative;cursor:pointer;padding:1.5rem;background-image:linear-gradient(135deg,#ffffff,#f3fff0)}.story-card:hover{transform:scale(1.05) translateY(-10px) rotate(1deg);box-shadow:0 15px 30px rgba(126,217,87,.25);background-image:linear-gradient(135deg,#ffffff,#e8f7e0)}.story-card img{transition:transform .3s ease}.story-card:hover img{transform:scale(1.1)}.story-card h3{font-size:1.2rem;font-weight:700;color:var(--text-color);text-align:center;margin-top:1rem;text-shadow:1px 1px 0 rgba(126,217,87,.2)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.story-card .image-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}footer{position:relative;overflow:hidden;padding-bottom:2rem;margin-top:4rem}.footer-background{background:linear-gradient(135deg,var(--header-dark) 0,var(--header-light) 50%,var(--header-dark) 100%);position:absolute;bottom:0;width:100%;height:50%;box-shadow:0 -8px 20px rgba(45,122,31,.2),0 -4px 8px rgba(45,122,31,.1),inset 0 0 0 2px rgba(255,255,255,.3),inset 0 4px 0 rgba(0,0,0,.1)}.footer-background:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(circle at 50% 150%,var(--header-glow) 0,transparent 70%),linear-gradient(to top,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 30%,transparent 100%)}.footer-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:all .4s cubic-bezier(.175,.885,.32,1.275);margin-bottom:1rem;position:relative;z-index:2;transform-style:preserve-3d;perspective:1000px}.footer-image:hover{transform:translateY(-5px) rotateX(5deg)}footer a{color:white;text-decoration:underline;transition:opacity .2s}footer a:hover{opacity:.8}footer p{font-size:.9rem;opacity:.9;text-align:center;margin-top:.5rem;position:relative;z-index:2}.site-title{font-family:Darumadrop One,cursive;letter-spacing:.5px;color:#ffffff;text-shadow:3px 3px 0 var(--header-dark),-1px -1px 0 var(--header-accent),0 4px 12px rgba(0,0,0,.15);position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes logoSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header-content img{transition:transform .3s ease}.header-content:hover img{animation:logoSpin 2s linear infinite}.header-gradient{background:linear-gradient(135deg,var(--header-dark) 0,var(--header-light) 50%,var(--header-dark) 100%);position:fixed;width:calc(100% - 2rem);margin:0 1rem;overflow:hidden;box-shadow:0 8px 20px rgba(45,122,31,.2),0 4px 8px rgba(45,122,31,.1),inset 0 0 0 2px rgba(255,255,255,.3),inset 0 -4px 0 rgba(0,0,0,.1);z-index:50;transition:all .3s ease}.header-gradient,.header-gradient:after{top:0;left:0;right:0;border-radius:0 0 30px 30px}.header-gradient:after{content:"";position:absolute;height:100%;background:radial-gradient(circle at 50% -20%,var(--header-glow) 0,transparent 70%),linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 30%,transparent 100%)}.header-content{position:relative;z-index:1;padding:.75rem 0}main{padding-top:150px;min-height:calc(100vh - 50px);margin:0 50px 2rem}.header-sticky{display:none}.header-gradient:before{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(to right,transparent,var(--header-accent),transparent);opacity:0;transition:opacity .3s ease;box-shadow:0 0 10px var(--header-accent)}.header-gradient.scrolled:before{opacity:1}section{margin-top:2rem}section:first-child{margin-top:1rem}.nav-card{display:flex;cursor:pointer;flex-direction:column;align-items:center;border-radius:1rem;padding:1rem;--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.nav-card,.nav-card:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nav-card:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.nav-card{border:3px solid rgba(255,255,255,.3)}.learning-card{border-radius:1.5rem;padding:1.5rem;--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.learning-card,.learning-card:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.learning-card:hover{--tw-translate-y:-0.5rem;--tw-scale-x:1.05;--tw-scale-y:1.05}.learning-card{border:4px solid rgba(255,255,255,.4);backdrop-filter:blur(10px);position:relative;overflow:hidden}.learning-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 50%);pointer-events:none;border-radius:inherit}.learning-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.15)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-delayed{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 4s ease-in-out infinite;animation-delay:1s}.nav-card:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.learning-card.bg-green-400{background:linear-gradient(135deg,#4ade80,#22c55e);border-color:rgba(255,255,255,.5)}.learning-card.bg-yellow-400{background:linear-gradient(135deg,#facc15,#eab308);border-color:rgba(255,255,255,.5)}.learning-card.bg-orange-400{background:linear-gradient(135deg,#fb923c,#ea580c);border-color:rgba(255,255,255,.5)}.learning-card.bg-green-500{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:rgba(255,255,255,.5)}.learning-card.bg-blue-400{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-color:rgba(255,255,255,.5)}.learning-card.bg-purple-400{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:rgba(255,255,255,.5)}.learning-card.bg-pink-400{background:linear-gradient(135deg,#f472b6,#ec4899);border-color:rgba(255,255,255,.5)}.learning-card.bg-red-400{background:linear-gradient(135deg,#f87171,#ef4444);border-color:rgba(255,255,255,.5)}.learning-card.bg-indigo-400{background:linear-gradient(135deg,#818cf8,#6366f1);border-color:rgba(255,255,255,.5)}.learning-card.bg-teal-400{background:linear-gradient(135deg,#2dd4bf,#14b8a6);border-color:rgba(255,255,255,.5)}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes twinkle{0%,to{opacity:.3;transform:rotate(0deg)}50%{opacity:1;transform:rotate(180deg)}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-twinkle{animation:twinkle 3s ease-in-out infinite}@media (max-width:768px){.nav-card{padding:.5rem;min-height:44px;min-width:44px}.nav-card span:last-child{font-size:.75rem;line-height:1rem}.learning-card{padding:1rem}.nav-icon-container,.section-more,a,button{min-height:44px;min-width:44px}.content-title h3{line-height:1.4}.section-heading-text{line-height:1.3}}.learning-card:hover:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(255,255,255,.3),transparent,rgba(255,255,255,.3));border-radius:inherit;z-index:-1;animation:pulse-glow 2s ease-in-out infinite}.top-nav-container{position:relative;z-index:50}.top-nav-container:before{background:radial-gradient(900px 220px at 10% 0,rgba(255,255,255,.35),transparent 70%),radial-gradient(700px 240px at 90% 0,rgba(255,255,255,.25),transparent 70%),linear-gradient(180deg,#c8f7dc,#8ff0bf 45%,#57d3a0);box-shadow:0 18px 34px rgba(34,197,94,.28),inset 0 8px 0 rgba(255,255,255,.6)}.top-nav-container:after,.top-nav-container:before{content:"";position:absolute;top:0;left:0;right:0;height:165px;border-bottom-left-radius:40px;border-bottom-right-radius:40px}.top-nav-container:after{background-image:radial-gradient(rgba(255,255,255,.55) 2px,transparent 0),radial-gradient(rgba(255,255,255,.35) 1.5px,transparent 0);background-size:28px 28px,20px 20px;background-position:8px 10px,18px 6px;opacity:.35;pointer-events:none}.top-nav-belt{display:flex;justify-content:center;align-items:flex-start;gap:36px;padding-top:22px;padding-bottom:16px;position:relative}.top-nav-item{display:flex;cursor:pointer;flex-direction:column;align-items:center;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.top-nav-item:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.top-nav-item{min-width:96px}.nav-icon-container{position:relative;width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f9fafb,#ffffff);border:4px solid #ffffff;box-shadow:0 10px 18px rgba(16,185,129,.25),inset 0 -4px 0 rgba(0,0,0,.04);margin-bottom:6px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.nav-icon-container.home{background:linear-gradient(135deg,#fef9c3,#fff)}.nav-icon-container.library{background:linear-gradient(135deg,#dbeafe,#ffffff)}.nav-icon-container.reading{background:linear-gradient(135deg,#fde68a,#ffffff)}.nav-icon-container.games{background:linear-gradient(135deg,#bbf7d0,#ffffff)}.top-nav-item.home .nav-text{color:#0b421f}.top-nav-item.library .nav-text{color:#0b3b4a}.top-nav-item.reading .nav-text{color:#6b4006}.top-nav-item.games .nav-text{color:#0a4b34}.top-nav-item:hover .nav-icon-container{animation:kid-bounce .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes kid-bounce{0%{transform:scale(1)}40%{transform:scale(1.2) rotate(6deg)}to{transform:scale(1.05) rotate(0deg)}}.nav-icon-container:hover{transform:scale(1.15) rotate(4deg);box-shadow:0 15px 25px rgba(34,197,94,.25),inset 0 -4px 0 rgba(0,0,0,.06)}.nav-icon-container:active{transform:scale(.95);transition:all .1s ease}.top-nav-item.active .nav-icon-container{background:linear-gradient(135deg,#fffef2,#ebffdf);box-shadow:0 14px 24px rgba(34,197,94,.25),inset 0 -4px 0 rgba(0,0,0,.04)}.nav-sticker{position:absolute;right:-8px;top:-8px;font-size:16px;transform:rotate(-10deg)}.nav-text{text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:800;color:#0b421f;text-shadow:0 2px 0 rgba(255,255,255,.25),0 3px 8px rgba(0,0,0,.15)}.top-nav-item.active .nav-text{color:#14532d}.side-nav-left{position:fixed;left:2rem;top:50%;transform:translateY(-50%);z-index:40;text-align:center}.side-nav-circle{display:flex;height:6rem;width:6rem;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.side-nav-circle,.side-nav-circle:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.side-nav-circle:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.side-nav-circle{border:4px solid rgba(255,255,255,.7)}.side-nav-text{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));text-shadow:1px 1px 2px rgba(0,0,0,.3)}.more-button-container{position:fixed;right:2rem;top:30%;z-index:40}.more-button{display:flex;align-items:center;gap:.75rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity));padding:1rem 2rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.more-button,.more-button:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.more-button:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity))}.more-button{border:3px solid rgba(255,255,255,.6)}.more-text{font-size:1.125rem;line-height:1.75rem;font-weight:700}.main-content-container{padding:2rem 6rem;margin-top:2rem;position:relative;z-index:10}.sections-container{padding:2rem 2rem 4rem}.section-container{position:relative;margin:2rem auto;max-width:1600px;background:rgba(255,255,255,.65);border-radius:28px;box-shadow:0 10px 25px rgba(16,185,129,.1);padding:2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8)}@media (min-width:1800px){.section-container{max-width:1800px;padding:2.5rem 3rem}.section-grid{max-width:1600px;gap:2rem}}.section-header{justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.section-badge,.section-header{display:flex;align-items:center}.section-badge{width:52px;height:52px;border-radius:9999px;background:#22c55e;justify-content:center;border:4px solid #ffffff;box-shadow:0 8px 20px rgba(34,197,94,.25);animation:bounce-gentle 2s ease-in-out infinite}@keyframes bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.section-badge:after{content:"✨";position:absolute;top:-8px;right:-8px;font-size:16px;animation:sparkle-rotate 2s linear infinite}@keyframes sparkle-rotate{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}.section-heading-text{font-size:1.75rem;font-weight:800;color:#166534;margin-right:auto}.section-more{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#34d399,#22c55e);color:#073b23;font-weight:900;border-radius:9999px;padding:.5rem 1.1rem;border:4px solid #ffffff;box-shadow:0 12px 20px rgba(34,197,94,.28);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.section-more:before{content:"";position:absolute;top:0;left:0;right:0;height:55%;background:linear-gradient(180deg,rgba(255,255,255,.7),transparent);border-radius:inherit}.section-more:hover{transform:translateY(-2px) scale(1.05) rotate(-1deg);box-shadow:0 16px 28px rgba(34,197,94,.35)}.section-more:active{transform:translateY(0) scale(.97)}.section-more .star{display:inline-block;animation:star-pulse 1.5s ease-in-out infinite}@keyframes star-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3) rotate(15deg)}}.section-more .star{color:#ffe58a}.floating-decorations{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-emoji{position:absolute;font-size:2rem;animation:float-around 20s linear infinite}.emoji-1{top:15%;left:10%;animation-delay:0s;animation-duration:25s}.emoji-2{top:25%;right:15%;animation-delay:-3s;animation-duration:22s}.emoji-3{top:45%;left:5%;animation-delay:-6s;animation-duration:28s}.emoji-4{top:35%;right:8%;animation-delay:-9s;animation-duration:20s}.emoji-5{bottom:30%;left:15%;animation-delay:-12s;animation-duration:26s}.emoji-6{bottom:25%;right:20%;animation-delay:-15s;animation-duration:24s}.emoji-7{top:60%;left:50%;animation-delay:-18s;animation-duration:30s}.emoji-8{bottom:40%;right:45%;animation-delay:-21s;animation-duration:18s}@keyframes float-around{0%{transform:translateY(0) translateX(0) rotate(0deg) scale(1);opacity:.7}25%{transform:translateY(-20px) translateX(15px) rotate(90deg) scale(1.2);opacity:1}50%{transform:translateY(-10px) translateX(-10px) rotate(180deg) scale(.8);opacity:.8}75%{transform:translateY(-25px) translateX(20px) rotate(270deg) scale(1.1);opacity:.9}to{transform:translateY(0) translateX(0) rotate(1turn) scale(1);opacity:.7}}.section-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1400px;margin:0 auto}@media (max-width:1400px){.section-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}}@media (max-width:1200px){.section-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (max-width:768px){.section-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width:480px){.section-grid{grid-template-columns:1fr;gap:.75rem;max-width:320px;margin:0 auto}}@media (max-width:414px) and (orientation:portrait){.content-card{max-width:280px;margin:0 auto;padding:1rem}.content-image{min-height:180px}.content-title{font-size:.9rem;margin-top:.6rem}}.content-card{position:relative;border-radius:20px;background:rgba(255,255,255,.96);padding:1rem;box-shadow:0 10px 18px rgba(34,197,94,.12);transition:all .4s cubic-bezier(.34,1.56,.64,1);aspect-ratio:1;display:flex;flex-direction:column}@media (min-width:1400px){.content-card{padding:1.25rem;border-radius:24px}}@media (max-width:768px){.content-card{padding:.75rem;border-radius:16px}}.content-card:hover{transform:scale(1.05) translateY(-8px) rotate(1deg);box-shadow:0 20px 30px rgba(0,0,0,.15)}.content-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:inherit;background:linear-gradient(45deg,rgba(255,255,255,.4),rgba(255,255,255,.1),rgba(255,255,255,.4));z-index:-1;opacity:0;transition:opacity .3s ease}.content-card:hover:before{opacity:1;animation:shine 1.5s ease-in-out infinite}@keyframes shine{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}.content-image{position:relative;flex:1;border-radius:14px;overflow:hidden;background:#f8fff9;min-height:180px}@media (min-width:1400px){.content-image{border-radius:18px;min-height:220px}}@media (max-width:768px){.content-image{border-radius:12px;min-height:140px}}.content-title{margin-top:.6rem;text-align:center;font-weight:800;color:#1f2937}.frame-green{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:inset 0 0 0 8px #ffffff,0 10px 20px rgba(34,197,94,.35);border-radius:18px}.frame-yellow{background:linear-gradient(135deg,#fef08a,#fde047);box-shadow:inset 0 0 0 8px #ffffff,0 10px 20px rgba(254,240,138,.35);border-radius:18px}.frame-orange{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:inset 0 0 0 8px #ffffff,0 10px 20px rgba(249,115,22,.25);border-radius:18px}.frame-purple{background:linear-gradient(135deg,#86efac,#22c55e);box-shadow:inset 0 0 0 8px #ffffff,0 10px 20px rgba(16,185,129,.25);border-radius:18px}.large-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1400px;margin:0 auto}.large-learning-card{cursor:pointer;border-radius:1.5rem;--tw-shadow:0 25px 50px -12px rgb(0 0 0/0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.large-learning-card,.large-learning-card:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.large-learning-card:hover{--tw-translate-y:-0.5rem;--tw-scale-x:1.05;--tw-scale-y:1.05}.large-learning-card{border:5px solid rgba(255,255,255,.8);min-height:300px;background:linear-gradient(135deg,var(--card-color),var(--card-color-dark))}.card-content{display:flex;height:100%;flex-direction:column;padding:1.5rem}.card-image-container{position:relative;margin-bottom:1rem;flex:1 1 0%;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.card-image-container,.card-title-container{border-radius:1rem;--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card-title-container{background-color:rgb(255 255 255/.95);padding:1rem;text-align:center}.card-title-text{font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.bg-green-main{--card-color:#22c55e;--card-color-dark:#16a34a;background:linear-gradient(135deg,#22c55e,#16a34a)}.bg-yellow-main{--card-color:#facc15;--card-color-dark:#eab308;background:linear-gradient(135deg,#facc15,#eab308)}.bg-orange-main{--card-color:#f97316;--card-color-dark:#ea580c;background:linear-gradient(135deg,#f97316,#ea580c)}.bg-green-dark{--card-color:#16a34a;--card-color-dark:#15803d;background:linear-gradient(135deg,#16a34a,#15803d)}.bg-green-light{--card-color:#4ade80;--card-color-dark:#22c55e;background:linear-gradient(135deg,#4ade80,#22c55e)}.bg-yellow-light{--card-color:#fde047;--card-color-dark:#facc15;background:linear-gradient(135deg,#fde047,#facc15)}.bg-orange-light{--card-color:#fb923c;--card-color-dark:#f97316;background:linear-gradient(135deg,#fb923c,#f97316)}.bg-green-medium{--card-color:#34d399;--card-color-dark:#10b981;background:linear-gradient(135deg,#34d399,#10b981)}.decoration{position:fixed;font-size:2rem;z-index:30;animation:float 3s ease-in-out infinite}.decoration-1{top:15%;left:10%;animation-delay:0s}.decoration-2{top:25%;right:15%;animation-delay:1s}.decoration-3{bottom:20%;left:20%;animation-delay:2s}@media (max-width:1200px){.large-cards-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.main-content-container{padding:2rem 3rem}.sections-container{padding:1.5rem 1.5rem 3rem}}@media (max-width:768px){.large-cards-grid{grid-template-columns:1fr;gap:1rem}.main-content-container{padding:1rem 1.5rem}.top-nav-container:after,.top-nav-container:before{height:140px;margin:0 .5rem;border-bottom-left-radius:25px;border-bottom-right-radius:25px}.top-nav-belt{gap:20px;padding-top:15px;padding-bottom:12px}.top-nav-item{min-width:70px}.nav-icon-container{width:48px;height:48px;border-radius:14px;border:3px solid #ffffff;margin-bottom:4px}.nav-text{font-size:.75rem;font-weight:700}.sections-container{padding:1rem 1rem 2.5rem}.section-container{margin:1.5rem auto;padding:1.5rem 1.25rem;border-radius:20px}.section-header{margin-bottom:1rem;gap:.75rem}.section-badge{width:44px;height:44px;border:3px solid #ffffff}.section-heading-text{font-size:1.4rem}.section-more{padding:.4rem .8rem;border:3px solid #ffffff;font-size:.85rem}main{padding-top:120px;margin:0 .5rem 1.5rem}.section-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.content-card{padding:.75rem;border-radius:14px;aspect-ratio:1}.content-image{border-radius:10px;min-height:100px}.content-title{margin-top:.4rem;font-size:.85rem}.floating-emoji{font-size:1.5rem;opacity:.7}}@media (max-width:480px){.sections-container{padding:.75rem .75rem 2rem}.section-container{margin:1rem auto;padding:1.25rem 1rem;border-radius:18px}.top-nav-belt{gap:15px;padding-top:12px;padding-bottom:10px}.nav-icon-container{width:42px;height:42px;border-radius:12px}.nav-text{font-size:.7rem}.section-grid{grid-template-columns:1fr;gap:.75rem}.content-card{max-width:300px;margin:0 auto}.content-image{min-height:160px}.section-heading-text{font-size:1.25rem}.section-more{padding:.6rem 1rem;min-height:44px;display:flex;align-items:center}.floating-emoji:nth-child(n+6){display:none}}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}