:root{--green: #80CBC4;--dark-green: #00897B;--deep-green: #005f56;--coral: #FFAB91;--coral-dark: #e07d5f;--purple: #CE93D8;--purple-dark: #9c5fad;--lime: #B2DFDB;--bg: #F3FAF9;--white: #ffffff;--text: #005f56;--text-muted: #3d6560}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,sans-serif;background-color:var(--bg);color:var(--text);overflow-x:hidden}nav{background:var(--dark-green);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 4px 0 var(--deep-green)}.nav-logo{font-family:Fredoka One,sans-serif;font-size:1.8rem;color:var(--white);text-decoration:none;padding:1rem 0;letter-spacing:1px;display:flex;align-items:center;gap:.5rem}.nav-logo .logo-icon{background:var(--coral);color:#5a2d20;border-radius:12px;width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem}.nav-logo .logo-my{color:var(--coral)}.nav-logo .logo-play{color:var(--green)}.nav-logo .logo-shop{color:var(--white)}.nav-links{display:flex;gap:.5rem;list-style:none;align-items:center}.nav-links a{display:inline-flex;align-items:center;gap:.35rem;color:#ffffffd9;text-decoration:none;font-weight:800;font-size:.95rem;padding:.5rem 1rem;border-radius:100px;transition:background .2s}.nav-links a:hover{background:var(--deep-green);color:#fff}.nav-links .cta-link{background:var(--coral);color:#5a2d20;white-space:nowrap}.cta-short{display:none}.nav-links .cta-link:hover{background:#e8927a}.lang-picker{position:relative}.lang-toggle{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:#ffffffd9;font-weight:800;font-size:.95rem;font-family:inherit;padding:.5rem 1rem;border-radius:100px;cursor:pointer;transition:background .2s}.lang-toggle:hover{background:var(--deep-green);color:#fff}.lang-toggle-caret{font-size:.8em;line-height:1}.lang-dropdown{display:none;position:absolute;top:100%;right:0;background:var(--dark-green);border-radius:12px;padding:.4rem;list-style:none;min-width:160px;box-shadow:0 8px 24px #00000040;z-index:200}.lang-picker:hover .lang-dropdown,.lang-picker:focus-within .lang-dropdown{display:block}.lang-dropdown li a{display:block;padding:.5rem .8rem;color:#ffffffd9;text-decoration:none;font-weight:700;font-size:.9rem;border-radius:8px;transition:background .15s;white-space:nowrap}.lang-dropdown li a:hover,.lang-dropdown li a.active{background:var(--deep-green);color:#fff}.hero{background:linear-gradient(135deg,#00897b,#80cbc4,#b2dfdb);padding:5rem 2rem 4rem;text-align:center;position:relative;overflow:hidden}.hero-floats{position:absolute;inset:0;pointer-events:none;overflow:hidden}.float-item{position:absolute;font-size:2.5rem;opacity:.15;animation:floatBob 3s ease-in-out infinite;--float-translate-x: 0px;--float-translate-y: 0px;will-change:transform}.float-item:nth-child(1){top:10%;left:5%;animation-delay:0s}.float-item:nth-child(2){top:20%;right:8%;animation-delay:.5s}.float-item:nth-child(3){top:60%;left:3%;animation-delay:1s}.float-item:nth-child(4){top:70%;right:5%;animation-delay:1.5s}.float-item:nth-child(5){top:40%;left:12%;animation-delay:.8s}.float-item:nth-child(6){top:35%;right:12%;animation-delay:.3s}@keyframes floatBob{0%,to{transform:translate(var(--float-translate-x),var(--float-translate-y)) rotate(-5deg)}50%{transform:translate(var(--float-translate-x),calc(var(--float-translate-y) - 15px)) rotate(5deg)}}.hero-logo{font-family:Fredoka One,sans-serif;font-size:clamp(3.5rem,9vw,6.5rem);line-height:1;margin-bottom:1.25rem;animation:popIn .6s cubic-bezier(.34,1.56,.64,1) both}.hero-logo .my{color:var(--purple);text-shadow:3px 3px 0 rgba(0,0,0,.2)}.hero-logo .play{color:var(--white);text-shadow:3px 3px 0 rgba(0,0,0,.2)}.hero-logo .shop{color:#4ecca3;text-shadow:3px 3px 0 rgba(0,0,0,.2)}@keyframes popIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.hero-tagline{font-family:Fredoka One,sans-serif;font-size:clamp(1.15rem,2.8vw,1.65rem);color:#fffffff2;max-width:620px;margin:0 auto 2rem;line-height:1.5}.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.btn{font-family:Nunito,sans-serif;font-weight:900;font-size:1rem;padding:.9rem 2.2rem;border-radius:100px;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 5px 0 var(--purple-dark);font-size:1.15rem}.btn-primary:hover{box-shadow:0 8px 0 var(--purple-dark)}.btn-secondary{background:var(--white);color:var(--dark-green);box-shadow:0 5px #b2dfdb}.btn-secondary:hover{box-shadow:0 8px #b2dfdb}.btn-green{background:var(--green);color:var(--white);box-shadow:0 5px 0 var(--dark-green)}.btn-green:hover{box-shadow:0 8px 0 var(--dark-green)}.btn-coral{background:var(--coral);color:#5a2d20;box-shadow:0 5px 0 var(--coral-dark)}.btn-coral:hover{box-shadow:0 8px 0 var(--coral-dark)}.hero-demo{max-width:600px;margin:0 auto;position:relative;z-index:2}.hero-image{width:100%;height:auto;border-radius:24px;box-shadow:0 20px 60px #0003}.curve-separator{display:block;width:100%;line-height:0;margin-top:-1px}.section-title{font-family:Fredoka One,sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);text-align:center;color:var(--deep-green);margin-bottom:1rem}.section-title:after{content:"";display:block;width:60px;height:5px;background:var(--coral);border-radius:3px;margin:.5rem auto 0}.section-sub{text-align:center;max-width:620px;margin:0 auto 2.5rem;font-size:1.05rem;font-weight:700;color:var(--text-muted);line-height:1.7}.how-band{background:var(--bg);padding:5rem 2rem}.how-inner{max-width:1000px;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;position:relative}.steps:before{content:"";position:absolute;top:50px;left:10%;right:10%;height:4px;background:linear-gradient(90deg,var(--green),var(--coral));border-radius:2px;z-index:0}.step{background:var(--white);border-radius:20px;padding:1.5rem 1rem;text-align:center;box-shadow:0 4px #b2dfdb;position:relative;z-index:1;transition:transform .2s}.step:hover{transform:translateY(-5px)}.step-num{width:44px;height:44px;background:var(--coral);color:#5a2d20;border-radius:50%;font-family:Fredoka One,sans-serif;font-size:1.3rem;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;box-shadow:0 3px 0 var(--coral-dark)}.step-icon{font-size:2rem;display:block;margin-bottom:.5rem}.step h3{font-family:Fredoka One,sans-serif;font-size:1rem;color:var(--dark-green);margin-bottom:.35rem}.step p{font-size:.8rem;color:var(--text-muted);line-height:1.5;font-weight:700}.skills-band{background:var(--bg);padding:5rem 2rem}.skills-inner{max-width:1100px;margin:0 auto}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.skill-card{background:var(--white);border-radius:20px;padding:2rem 1.5rem;text-align:center;box-shadow:0 4px #b2dfdb;transition:transform .2s}.skill-card:hover{transform:translateY(-5px)}.skill-icon{font-size:2.5rem;margin-bottom:.75rem;display:block}.skill-card h3{font-family:Fredoka One,sans-serif;font-size:1.2rem;color:var(--dark-green);margin-bottom:.5rem}.skill-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6;font-weight:700}.ages-band{background:var(--white);padding:4rem 2rem}.ages-inner{max-width:800px;margin:0 auto;text-align:center}.ages-inner h2{font-family:Fredoka One,sans-serif;font-size:2.2rem;color:var(--deep-green);margin-bottom:.75rem}.ages-inner>p{font-size:1.05rem;color:var(--text-muted);font-weight:700;margin-bottom:2rem;line-height:1.7}.age-badges{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.age-badge{border-radius:20px;padding:1.5rem 2rem;text-align:center;min-width:160px;transition:transform .2s}.age-badge:hover{transform:scale(1.04)}.ab1{background:#eaf7f6;border:3px solid var(--green)}.ab2{background:#f3eaf7;border:3px solid var(--purple)}.ab3{background:#fff0eb;border:3px solid var(--coral)}.age-badge .age-range{font-family:Fredoka One,sans-serif;font-size:1.5rem;color:var(--deep-green);display:block}.age-badge .age-label{font-weight:900;font-size:.85rem;color:var(--text-muted)}.ages-inner .btn-green{margin-top:2.5rem}.cta-band{background:linear-gradient(135deg,#00897b,#80cbc4);padding:5rem 2rem;text-align:center}.cta-band h2{font-family:Fredoka One,sans-serif;font-size:clamp(2rem,5vw,3.5rem);color:#fff;text-shadow:3px 3px 0 rgba(0,0,0,.12);margin-bottom:1rem}.cta-band p{font-size:1.2rem;color:#ffffffe6;font-weight:700;margin-bottom:2.5rem;max-width:500px;margin-left:auto;margin-right:auto}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.wiggle{animation:wiggle 2s ease-in-out infinite;display:inline-block}footer{background:#001f1c;color:#fff9;padding:2rem 2rem 1.5rem;text-align:center}.footer-copy{font-size:.85rem;color:#fff9;margin-bottom:.5rem}.footer-copy a{color:inherit;text-decoration:underline}.footer-copy a:hover{opacity:1}.footer-credit{font-size:.8rem;opacity:.35}.footer-credit a{color:inherit;text-decoration:underline}.footer-credit a:hover{opacity:1}.articles-section{background:var(--bg);padding:4rem 2rem}.articles-inner{max-width:720px;margin:0 auto}.articles-inner h1{font-family:Fredoka One,sans-serif;font-size:2.4rem;color:var(--deep-green);margin-bottom:.5rem}.articles-intro{font-size:1.05rem;color:var(--text-muted);font-weight:700;margin-bottom:2.5rem;line-height:1.7}.articles-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.articles-list-item{background:var(--white);border-radius:16px;transition:transform .2s}.articles-list-item:hover{transform:translateY(-3px)}.articles-list-link{display:block;padding:1.5rem;text-decoration:none;color:inherit}.articles-list-link h2{font-family:Fredoka One,sans-serif;font-size:1.25rem;color:var(--dark-green);margin-bottom:.35rem}.articles-list-desc{font-size:.95rem;color:var(--text-muted);font-weight:700;line-height:1.6;margin-bottom:.5rem}.articles-list-link time{font-size:.85rem;color:var(--text-muted);font-weight:700;opacity:.7}.article-section{background:var(--bg);padding:4rem 2rem}.article-inner{max-width:720px;margin:0 auto}.article-back{display:inline-block;font-size:.9rem;font-weight:800;color:var(--dark-green);text-decoration:none;margin-bottom:1.5rem}.article-back:hover{text-decoration:underline}.article-inner h1{font-family:Fredoka One,sans-serif;font-size:2rem;color:var(--deep-green);margin-bottom:.5rem;line-height:1.3}.article-inner>time{font-size:.9rem;color:var(--text-muted);font-weight:700;display:block;margin-bottom:.25rem}.article-updated{font-size:.85rem;color:var(--text-muted);font-weight:700;opacity:.7}.article-hero{margin-top:1.5rem;border-radius:12px;overflow:hidden}.article-hero img{width:100%;height:auto;display:block}.article-content{margin-top:2rem}.article-content h2{font-family:Fredoka One,sans-serif;font-size:1.5rem;color:var(--dark-green);margin-top:2.5rem;margin-bottom:.75rem}.article-content h3{font-size:1.1rem;font-weight:900;color:var(--deep-green);margin-top:1.5rem;margin-bottom:.5rem}.article-content p{font-size:1rem;line-height:1.7;color:var(--text-muted);font-weight:700;margin-bottom:.75rem}.article-content ul,.article-content ol{margin:.75rem 0 1rem 1.5rem;line-height:1.8;color:var(--text-muted);font-weight:700}.article-content li{margin-bottom:.3rem}.article-content strong{color:var(--text)}.article-content a{color:var(--dark-green);text-decoration:underline;text-underline-offset:2px}.article-content a:hover{color:var(--deep-green)}.learn-meta{display:flex;gap:.5rem;margin-bottom:1.5rem}.learn-meta-badge{display:inline-block;background:var(--pale-green);color:var(--dark-green);font-size:.82rem;font-weight:700;padding:.3rem .85rem;border-radius:20px}.learn-related{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--pale-green)}.learn-related h2{font-family:Fredoka One,sans-serif;font-size:1.3rem;color:var(--deep-green);margin-bottom:1rem}.learn-related-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.learn-related-list a{display:block;padding:1rem 1.25rem;background:#f8faf9;border-radius:12px;text-decoration:none;transition:background .2s ease}.learn-related-list a:hover{background:var(--pale-green)}.learn-related-list strong{display:block;color:var(--deep-green);font-size:1rem;margin-bottom:.2rem}.learn-related-list span{color:#666;font-size:.85rem}.games-cta-box{margin-top:3rem;padding:2.5rem 2rem;background:linear-gradient(135deg,#00897b,#80cbc4);border-radius:20px;text-align:center;box-shadow:0 6px 0 var(--deep-green)}.games-cta-box h2{font-family:Fredoka One,sans-serif;font-size:1.5rem;color:#fff;margin-bottom:.5rem}.games-cta-box p{color:#ffffffe6;font-weight:700;margin-bottom:1.5rem}.games-faq{margin-top:3rem}.games-faq>h2{font-family:Fredoka One,sans-serif;font-size:1.3rem;color:var(--deep-green);margin-bottom:1rem}.games-faq-item{background:var(--white);border-radius:12px;margin-bottom:.75rem;overflow:hidden}.games-faq-item summary{padding:1rem 1.25rem;font-weight:800;color:var(--dark-green);cursor:pointer;list-style:none}.games-faq-item summary::-webkit-details-marker{display:none}.games-faq-item summary:before{content:"+";font-family:Fredoka One,sans-serif;font-size:1.2rem;margin-right:.75rem;color:var(--coral)}.games-faq-item[open] summary:before{content:"−"}.games-faq-item p{padding:0 1.25rem 1rem;font-size:.95rem;color:var(--text-muted);font-weight:700;line-height:1.6}.games-category{margin-bottom:2.5rem}.games-category-title{font-family:Fredoka One,sans-serif;font-size:1.3rem;color:var(--dark-green);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:3px solid var(--green)}.games-category .articles-list-link h3{font-family:Fredoka One,sans-serif;font-size:1.15rem;color:var(--dark-green);margin-bottom:.35rem}.games-hub-badges{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.article-content table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.article-content th,.article-content td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid #e0e0e0;font-weight:700;color:var(--text-muted)}.article-content th{color:var(--deep-green);font-weight:900;background:var(--white)}@media(max-width:800px){nav{padding:0 .85rem}.nav-logo{font-size:1.55rem;gap:.4rem;padding:.8rem 0}.nav-logo .logo-icon{width:2rem;height:2rem;font-size:1.1rem;border-radius:10px}.steps{grid-template-columns:1fr;max-width:360px;margin:0 auto}.steps:before{display:none}.nav-links{display:flex;gap:.35rem}.nav-links>li:not(.lang-picker):not(.nav-cta){display:none}.lang-toggle,.nav-links .cta-link{font-size:.85rem;padding:.45rem .6rem}.lang-toggle-name,.cta-label{display:none}.cta-short{display:inline}}@media(max-width:600px){.hero{padding:3.5rem 1.5rem 3rem}.hero-demo{max-width:100%}}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}