:root{--ink:#263a5f;--purple:#7c5ce0;--cream:#fff9e9;--shadow:0 10px 0 rgba(47,68,107,.12)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Nunito',sans-serif;min-height:100vh}button{font:inherit;color:inherit;border:0;cursor:pointer}h1,h2,p{margin:0}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px}.brand{background:transparent;font-family:'Baloo 2',sans-serif;font-size:23px;font-weight:800}.brand span{font-size:28px;vertical-align:middle}nav{display:flex;gap:9px}nav button,.quiz-link{background:white;border-radius:999px;padding:11px 18px;font-weight:900;font-size:15px;box-shadow:0 3px 0 rgba(47,68,107,.08)}nav button:hover,.quiz-link:hover{transform:translateY(-2px)}.hero{max-width:1180px;margin:10px auto 35px;min-height:430px;padding:38px 55px;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-radius:38px;background:linear-gradient(120deg,#fff0ad,#ffe2a3 55%,#a5e7d2);overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:13px;font-weight:900;color:#ef7e56;margin-bottom:8px}.hero h1,.page-heading h1,.detail h1,.quiz h1{font-family:'Baloo 2',sans-serif;font-size:clamp(44px,5.7vw,72px);line-height:.9;font-weight:800;letter-spacing:-1px}.hero h1 em,.detail h1 em{font-style:normal;color:#f16c78}.subtitle{font-family:'Baloo 2';font-size:26px;font-weight:700;margin:17px 0 24px}.primary{background:#7c5ce0;color:white;padding:14px 23px;border-radius:16px;font-weight:900;box-shadow:0 5px 0 #5d42bd;transition:.15s}.primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 #5d42bd}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #5d42bd}.big{font-size:20px;padding:17px 27px}.tiny-note{font-size:14px;font-weight:800;margin-top:16px;color:#62708b}.hero-art{height:340px;position:relative}.sun{position:absolute;right:15px;top:0;font-size:58px;animation:bob 3s ease-in-out infinite}.cloud{position:absolute;font-size:48px;opacity:.9}.c1{top:50px;left:35px}.c2{top:116px;right:7px;font-size:38px}.grass{background:#84cc72;height:80px;position:absolute;bottom:-40px;width:140%;left:-20%;border-radius:50% 50% 0 0}.hero-animal{position:absolute;z-index:2;filter:drop-shadow(0 8px 2px #63926455);animation:bob 2.6s ease-in-out infinite}.dog{font-size:142px;bottom:20px;left:33px}.cat{font-size:118px;bottom:5px;right:70px;animation-delay:-.8s}.duck{font-size:65px;bottom:16px;right:7px;animation-delay:-1.5s}.flower{position:absolute;bottom:30px;font-size:27px;z-index:3}.f1{left:10px}.f2{left:215px}@keyframes bob{50%{transform:translateY(-10px) rotate(3deg)}}.choice-section{max-width:900px;margin:0 auto 55px;text-align:center}.choice-section h2{font-family:'Baloo 2';font-size:33px}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:16px}.activity{border-radius:28px;padding:22px;text-align:left;display:grid;grid-template-columns:84px 1fr;column-gap:15px;align-items:center;box-shadow:var(--shadow);transition:.2s}.activity:hover,.animal-card:hover{transform:translateY(-6px)}.learn-card{background:#cdf4eb}.quiz-card{background:#ddd2ff}.activity-emoji{font-size:63px;grid-row:span 3}.activity strong{font-family:'Baloo 2';font-size:25px}.activity small{font-size:14px;font-weight:800}.activity b{margin-top:7px;color:#7254cd}.page-heading{max-width:1100px;margin:25px auto 24px;padding:0 25px;display:flex;align-items:center;gap:18px}.page-heading>span{font-size:70px}.page-heading h1{font-size:48px}.page-heading p:not(.eyebrow){font-weight:800;color:#67718a}.quiz-link{margin-left:auto;background:#ffd966}.animal-grid{max-width:1100px;padding:0 25px 60px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.animal-card{background:var(--animal);min-height:172px;border-radius:25px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s}.animal-card span{font-size:82px;filter:drop-shadow(0 5px 0 #47516c22)}.animal-card strong{font-family:'Baloo 2';font-size:24px}.detail{max-width:1060px;margin:10px auto;padding:0 25px}.back{background:transparent;font-weight:900;color:#656f88;margin:12px 0 16px;font-size:16px}.detail-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:34px;background:white;box-shadow:0 12px 0 rgba(47,68,107,.1)}.detail-art{min-height:450px;background:var(--animal);display:grid;place-items:center;position:relative}.detail-emoji{font-size:205px;filter:drop-shadow(0 13px 2px #31486730);animation:bob 2.3s ease-in-out infinite}.sparkle{position:absolute;font-size:33px}.s1{top:70px;left:65px}.s2{right:54px;bottom:75px}.detail-copy{padding:62px 42px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.detail h1{font-size:52px}.animal-fact{font-size:19px;font-weight:800;color:#69758e;margin:17px 0}.sound-button{width:100%;border-radius:18px;background:#fff1c3;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;font-size:18px;box-shadow:0 4px 0 #f0d88d}.sound-button span{font-size:31px}.next{margin-top:23px;font-size:18px}.quiz{max-width:870px;margin:20px auto;padding:0 25px}.quiz-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.quiz h1{font-size:48px}.score{background:#fff0ad;border-radius:18px;padding:8px 15px;text-align:center}.score span{display:block;text-transform:uppercase;font-size:11px;font-weight:900}.score b{color:#edaa28;letter-spacing:2px}.quiz-box{background:white;padding:32px;border-radius:35px;text-align:center;box-shadow:var(--shadow)}.question{font-family:'Baloo 2';font-size:29px;font-weight:800}.quiz-animal{font-size:148px;margin:4px 0 13px;animation:bob 2s ease-in-out infinite}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.answer{border:3px solid #e9edf5;background:#f6f8fc;border-radius:18px;font-size:20px;font-weight:900;padding:13px}.answer span{font-size:30px;display:block}.answer:hover{border-color:#7c5ce0;background:#f2edff}.answer.correct{background:#c9f4d5;border-color:#54bd70}.answer.wrong{animation:shake .35s;background:#ffd9d9;border-color:#ed7777}@keyframes shake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.feedback{min-height:28px;padding-top:18px;font-size:18px;color:#53617e}.feedback b{color:#49a868}.small{padding:8px 12px;margin-left:10px;font-size:15px}.quiz-back{margin-top:14px}.confetti{position:fixed;z-index:10;pointer-events:none;inset:20% 0 auto;display:flex;justify-content:space-around;font-size:42px;animation:fall 1s ease-out forwards}@keyframes fall{to{transform:translateY(360px) rotate(180deg);opacity:0}}@media(max-width:700px){.topbar{height:68px;padding:0 15px}.brand{font-size:16px}.brand span{font-size:20px}nav button{padding:9px 10px;font-size:13px}.hero{margin:0 12px 28px;padding:32px 25px 0;display:block;min-height:550px}.hero h1{font-size:52px}.hero-art{height:255px}.dog{font-size:115px;left:13px}.cat{font-size:100px;right:49px}.choice-section{padding:0 15px}.activity-grid{grid-template-columns:1fr;gap:14px}.page-heading{padding:0 17px}.page-heading>span{font-size:48px}.page-heading h1,.quiz h1{font-size:38px}.page-heading .quiz-link{display:none}.animal-grid{padding:0 15px 45px;grid-template-columns:repeat(2,1fr);gap:13px}.animal-card{min-height:145px}.animal-card span{font-size:67px}.detail{padding:0 13px}.detail-card{grid-template-columns:1fr}.detail-art{min-height:285px}.detail-emoji{font-size:160px}.detail-copy{padding:32px 25px}.detail h1{font-size:42px}.quiz{padding:0 14px}.quiz-top{align-items:flex-end}.quiz-box{padding:25px 16px}.quiz-animal{font-size:125px}.answers{gap:8px}.answer{font-size:15px;padding:10px 4px}.answer span{font-size:27px}.small{display:block;margin:12px auto 0}.quiz-back{margin-left:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.sound-toggle{min-width:42px;padding:10px 12px!important}.animal-card small{font-size:12px;font-weight:900;opacity:.72}.game-card{background:#ffe3b5}.secondary{background:#eef1f7;padding:12px 18px;border-radius:15px;font-weight:900;margin-top:23px}.fact-pill{background:#eef8f3;border-radius:14px;padding:10px 14px;font-size:14px;font-weight:800;color:#52667b}.detail-actions{display:flex;gap:10px;align-items:center}.hint-button{background:#fff3c4;border-radius:999px;padding:9px 15px;font-weight:900;margin-bottom:14px}.score small{display:block;font-size:10px;font-weight:900;color:#6d7384}.games-page,.mini-game{max-width:1050px;margin:20px auto;padding:0 25px 60px}.game-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-tile{background:white;border-radius:28px;padding:28px;text-align:left;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:5px;transition:.2s}.game-tile:hover{transform:translateY(-5px)}.game-tile span{font-size:55px}.game-tile strong{font-family:'Baloo 2';font-size:25px}.game-tile small{font-weight:800;color:#68758c}.game-tip{margin-top:22px;background:#fff0ad;border-radius:18px;padding:16px;font-weight:800}.game-box{background:white;border-radius:34px;padding:30px;text-align:center;box-shadow:var(--shadow)}.game-box h1{font-family:'Baloo 2';font-size:48px;margin:0 0 8px}.count-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:650px;margin:22px auto}.count-row span{font-size:65px;animation:bob 2.4s ease-in-out infinite}.number-choices{display:flex;justify-content:center;gap:14px}.number-choices button{width:75px;height:65px;background:#ddd2ff;border-radius:18px;font-size:28px;font-weight:900;box-shadow:0 4px 0 #b6a6e8}.number-choices button:hover{transform:translateY(-3px)}.memory-grid{max-width:720px;margin:22px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.memory-card{min-height:130px;border-radius:20px;background:#d9d0ff;box-shadow:0 5px 0 #b8a9df;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:.15s}.memory-card:hover{transform:translateY(-3px)}.memory-card span{font-size:58px}.memory-card small{font-weight:900}.memory-card.flipped{background:#cdf4eb}.memory-card.matched{background:#c9f4d5;box-shadow:0 5px 0 #91d6a2}.win-banner{background:#fff0ad;border-radius:20px;padding:18px;font-weight:900}.win-banner .small{margin-left:12px}.confetti i{font-style:normal}@media(max-width:700px){nav{gap:4px}nav button{padding:8px 8px!important}.game-menu{grid-template-columns:1fr}.games-page,.mini-game{padding:0 15px 45px}.game-box{padding:22px 14px}.game-box h1{font-size:38px}.count-row span{font-size:48px}.number-choices button{width:62px}.memory-grid{grid-template-columns:repeat(3,1fr);gap:8px}.memory-card{min-height:105px}.memory-card span{font-size:44px}.detail-actions{flex-wrap:wrap}.secondary{margin-top:23px}.sound-toggle{font-size:14px!important}.page-heading{gap:10px}}

.alphabet-grid{max-width:1100px;margin:0 auto;padding:0 25px 60px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.letter-card{background:white;border-radius:22px;padding:15px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:2px;transition:.18s}.letter-card:hover{transform:translateY(-5px);background:#fff5c8}.letter-card b{font-family:'Baloo 2';font-size:38px;color:#7c5ce0}.letter-card span{font-size:48px}.letter-card strong{font-family:'Baloo 2';font-size:20px}.letter-card small{font-size:11px;font-weight:900;color:#7a8498}.song-grid{max-width:1050px;margin:0 auto;padding:0 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.song-card{background:white;border-radius:28px;padding:24px;box-shadow:var(--shadow);text-align:center}.song-emoji{font-size:58px}.song-card h2{font-family:'Baloo 2';font-size:28px;margin:5px 0}.song-card p{font-weight:800;color:#69758e;line-height:1.5;min-height:100px}.count-sub{font-size:20px;font-weight:900;color:#66738a}.big-count{max-width:800px}.count-object{background:transparent;font-size:62px;transition:.15s}.count-object:hover{transform:scale(1.12)}.song-card-home{background:#ffd8a8}.abc-card-home{background:#cfe3ff}.game-menu{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.alphabet-grid{grid-template-columns:repeat(4,1fr)}.song-grid{grid-template-columns:1fr 1fr}.game-menu{grid-template-columns:1fr 1fr}}@media(max-width:700px){.alphabet-grid{padding:0 15px 45px;grid-template-columns:repeat(3,1fr);gap:9px}.letter-card{padding:10px}.letter-card b{font-size:30px}.letter-card span{font-size:38px}.letter-card strong{font-size:16px}.song-grid{grid-template-columns:1fr;padding:0 15px}.song-card p{min-height:auto}.game-menu{grid-template-columns:1fr}.big-count{gap:2px}.count-object{font-size:45px}.topbar nav{overflow-x:auto;max-width:72vw}}

/* Happy Animal Friends video section */
.video-section {
  max-width: 900px;
  margin: 45px auto;
  padding: 35px;
  text-align: center;
  background: #fff4c7;
  border-radius: 32px;
}

.video-section h2 {
  font-size: 32px;
  margin-bottom: 8px;
}

.video-section > p {
  font-size: 17px;
  margin-bottom: 25px;
}

.video-card {
  max-width: 650px;
  margin: 0 auto;
  padding: 30px;
  background: white;
  border-radius: 26px;
  box-shadow: 0 10px 0 rgba(47, 68, 107, 0.12);
}

.video-placeholder {
  font-size: 55px;
  padding: 25px;
  margin-bottom: 15px;
  background: #c9f3ea;
  border-radius: 22px;
}

.video-card h3 {
  font-size: 24px;
  margin: 10px 0;
}

.video-card p {
  margin-bottom: 22px;
}

.video-card a.primary {
  display: inline-block;
  padding: 14px 25px;
  text-decoration: none;
  border-radius: 16px;
}