@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap");:root{--primary:#ff6d00;--primary-light:#ff8f2d;--primary-dark:#e65100;--secondary:#ffb300;--secondary-light:#ffd54f;--accent:#8d4e85;--accent-light:#b39ddb;--bg:#fff8f0;--card:#fff;--text-dark:#2d1b00;--text-muted:#8b6914;--text-light:#bfa86b;--success:#2e7d32;--success-light:#e8f5e9;--error:#c62828;--error-light:#ffebee;--sky:#0288d1;--sky-light:#e1f5fe;--green:#2e7d32;--green-light:#e8f5e9;--violet:#6a1b9a;--violet-light:#f3e5f5;--gold:#f57f17;--gold-light:#fff8e1;--shadow:0 4px 20px rgba(255,109,0,.12);--shadow-lg:0 8px 32px rgba(255,109,0,.18);--radius-card:20px;--radius-btn:32px;--radius-sm:12px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Baloo\ 2,Noto Sans Devanagari,sans-serif;background-color:var(--bg);color:var(--text-dark);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:Baloo\ 2,sans-serif;cursor:pointer;border:none;outline:none;transition:all .2s ease}button:active{transform:scale(.97)}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--secondary-light);border-radius:3px}.container{max-width:1100px;margin:0 auto;padding:0 16px}.card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-btn);font-size:1rem;font-weight:700;min-height:48px;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px rgba(255,109,0,.35)}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 6px 20px rgba(255,109,0,.45)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:rgba(255,109,0,.08)}.btn-secondary{background:var(--secondary);color:var(--text-dark);box-shadow:0 4px 14px rgba(255,179,0,.3)}.age-badge{font-weight:700;background:var(--secondary-light);color:var(--gold)}.age-badge,.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.78rem}.tag{font-weight:600;background:rgba(141,78,133,.1);color:var(--accent)}.page-wrapper{padding-bottom:80px}@media (min-width:768px){.page-wrapper{padding-bottom:0;padding-top:70px}}.ad-placeholder{background:#fff3e0;border:2px dashed #ffb300;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.hindi{font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-in{animation:fadeIn .4s ease forwards}.animate-pop{animation:pop .3s ease}.flash-correct{animation:correctFlash .5s ease}.flash-wrong{animation:wrongFlash .5s ease}@keyframes correctFlash{0%,to{background:inherit}40%{background:var(--success-light)}}@keyframes wrongFlash{0%,to{background:inherit}40%{background:var(--error-light)}}.flip-card{perspective:1000px;cursor:pointer}.flip-card-inner{position:relative;transition:transform .5s ease;transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-card)}.flip-card-back{position:absolute;top:0;left:0;right:0;bottom:0;transform:rotateY(180deg)}.progress-bar-outer{width:100%;height:6px;background:rgba(255,109,0,.15);border-radius:3px;overflow:hidden}.progress-bar-inner{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:3px;transition:width .4s ease}.lang-toggle{display:inline-flex;background:rgba(255,109,0,.1);border-radius:24px;padding:3px;gap:2px}.lang-toggle button{padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:700;background:transparent;color:var(--text-muted);transition:all .2s ease}.lang-toggle button.active{background:var(--primary);color:#fff}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tab{padding:8px 18px;border-radius:24px;font-size:.9rem;font-weight:700;background:#fff;color:var(--text-muted);border:2px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.06);cursor:pointer;transition:all .2s}.filter-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.moral-box{background:linear-gradient(135deg,#fff8e1,#fff3e0);border-left:4px solid var(--secondary)}.fun-fact-box,.moral-box{border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:16px 20px}.fun-fact-box{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-left:4px solid var(--success)}.try-home-box{background:linear-gradient(135deg,#e3f2fd,#e1f5fe);border-left:4px solid var(--sky);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:16px 20px}.grid-2{grid-template-columns:1fr 1fr;grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:16px}@media (max-width:767px){.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:479px){.grid-2,.grid-3{grid-template-columns:1fr}}.install-banner{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;font-weight:600}.install-banner .close-btn{background:hsla(0,0%,100%,.2);color:#fff;border-radius:50%;width:28px;height:28px;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sticky-ad-banner{position:fixed;bottom:64px;left:0;right:0;z-index:90;padding:0 8px}@media (min-width:768px){.sticky-ad-banner{bottom:0;padding:0}}