.learning-hub[data-astro-cid-354l36k2]{max-width:1200px;margin:0 auto;padding:2rem;font-family:Comic Sans MS,Chalkboard SE,cursive,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}.hero[data-astro-cid-354l36k2]{text-align:center;padding:2rem 0;animation:fadeIn 1s ease-in}.hero[data-astro-cid-354l36k2] h1[data-astro-cid-354l36k2]{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.subtitle[data-astro-cid-354l36k2]{font-size:1.2rem;animation:bounce 2s infinite;opacity:.9}.modules-grid[data-astro-cid-354l36k2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:2rem 0}.module-card[data-astro-cid-354l36k2]{background:#ffffff26;backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem;text-align:center;transition:transform .3s,box-shadow .3s;border:2px solid rgba(255,255,255,.2)}.module-card[data-astro-cid-354l36k2]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.emoji[data-astro-cid-354l36k2]{font-size:3rem;display:block;margin-bottom:.5rem}.module-card[data-astro-cid-354l36k2] h3[data-astro-cid-354l36k2]{font-size:1.3rem;margin:.5rem 0}.age[data-astro-cid-354l36k2]{display:inline-block;background:#ffffff4d;padding:.2rem 1rem;border-radius:20px;font-size:.9rem;margin-bottom:.5rem}.module-card[data-astro-cid-354l36k2] p[data-astro-cid-354l36k2]{font-size:.95rem;opacity:.9;margin-bottom:1rem}.btn-mulai[data-astro-cid-354l36k2]{background:#ff6b6b;color:#fff;border:none;padding:.8rem 2rem;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s,transform .2s;font-family:inherit}.btn-mulai[data-astro-cid-354l36k2]:hover{background:#ee5a24;transform:scale(1.05)}.interactive-demo[data-astro-cid-354l36k2]{background:#ffffff1a;backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin:2rem 0;text-align:center}.interactive-demo[data-astro-cid-354l36k2] h2[data-astro-cid-354l36k2]{font-size:2rem;margin-bottom:1.5rem}.animal-emoji[data-astro-cid-354l36k2]{font-size:5rem;display:block;margin-bottom:1rem;animation:pulse 2s infinite}.answers-grid[data-astro-cid-354l36k2]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:400px;margin:0 auto 1rem}.answer-btn[data-astro-cid-354l36k2]{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:1rem;border-radius:15px;font-size:1.1rem;cursor:pointer;transition:all .3s;font-family:inherit}.answer-btn[data-astro-cid-354l36k2]:hover{background:#ffffff4d;transform:scale(1.02)}.answer-btn[data-astro-cid-354l36k2].correct{background:#2ecc71!important;border-color:#27ae60;animation:flashGreen .5s}.answer-btn[data-astro-cid-354l36k2].wrong{background:#e74c3c!important;border-color:#c0392b;animation:flashRed .5s}.feedback[data-astro-cid-354l36k2]{font-size:1.3rem;margin:1rem 0;min-height:2rem}#score-display[data-astro-cid-354l36k2]{font-size:1.2rem;margin:1rem 0}#final-result[data-astro-cid-354l36k2]{margin-top:1rem}.hidden[data-astro-cid-354l36k2]{display:none}.progress-section[data-astro-cid-354l36k2]{background:#ffffff1a;backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin:2rem 0}.progress-section[data-astro-cid-354l36k2] h2[data-astro-cid-354l36k2]{text-align:center;font-size:1.8rem;margin-bottom:1.5rem}.badges-grid[data-astro-cid-354l36k2]{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.badge[data-astro-cid-354l36k2]{background:#ffffff26;border-radius:15px;padding:1.5rem;text-align:center;min-width:150px;transition:transform .3s;border:2px solid rgba(255,255,255,.2)}.badge[data-astro-cid-354l36k2].earned{background:#ffd7004d;border-color:gold;animation:glow 2s infinite}.badge-icon[data-astro-cid-354l36k2]{font-size:2.5rem;display:block;margin-bottom:.5rem}.badge-name[data-astro-cid-354l36k2]{font-size:1rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes flashGreen{0%,to{background:#fff3}50%{background:#2ecc71}}@keyframes flashRed{0%,to{background:#fff3}50%{background:#e74c3c}}@keyframes glow{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc}}@media (max-width: 768px){.hero[data-astro-cid-354l36k2] h1[data-astro-cid-354l36k2]{font-size:1.8rem}.modules-grid[data-astro-cid-354l36k2],.answers-grid[data-astro-cid-354l36k2]{grid-template-columns:1fr}}