.child-nav{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#6a11cb,#2575fc);padding:.8rem 1.5rem;position:relative;box-shadow:0 2px 10px #0000001a}.nav-logo{display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:700;font-size:1.2rem;gap:.5rem}.sound-toggle{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .3s}.sound-toggle:hover{background-color:#fff3}.grade-levels-container{position:relative}.grade-levels-toggle{display:flex;align-items:center;gap:.5rem;background:#fff3;border:none;color:#fff;padding:.5rem 1rem;border-radius:25px;cursor:pointer;transition:background-color .3s}.grade-levels-toggle:hover{background:#ffffff4d}.dropdown-arrow{font-size:.8rem;transition:transform .3s}.dropdown-arrow.up{transform:rotate(180deg)}.dropdown-arrow.down{transform:rotate(0)}.grade-levels-dropdown{position:absolute;top:100%;left:0;background:#fff;border-radius:8px;box-shadow:0 4px 15px #00000026;padding:.5rem;margin-top:.5rem;min-width:200px;z-index:1000}.grade-link{display:flex;align-items:center;gap:.8rem;padding:.8rem;text-decoration:none;color:#333;border-radius:6px;transition:background-color .2s}.grade-link:hover{background-color:#f0f0f0}.grade-link-info{display:flex;flex-direction:column}.grade-link-label{font-weight:700;font-size:.9rem}.grade-link-desc{font-size:.8rem;color:#666}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:none;border:none;cursor:pointer}.hamburger{height:3px;width:100%;background-color:#fff;border-radius:3px;transition:all .3s}.nav-items{display:flex;align-items:center;gap:1.5rem}.nav-items ul{display:flex;list-style:none;margin:0;padding:0;gap:.8rem}.nav-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff;padding:.5rem 1rem;border-radius:20px;transition:background-color .3s;font-weight:500}.nav-link:hover{background-color:#fff3}.nav-link.active{background-color:#ffffff4d}.progress-indicator{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:.8rem;gap:.3rem}.progress-bar{width:80px;height:8px;background-color:#ffffff4d;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#fff;border-radius:4px;transition:width .3s}@media (max-width: 768px){.child-nav{flex-wrap:wrap;padding:.8rem}.menu-toggle{display:flex}.grade-levels-container,.sound-toggle{order:3}.nav-items{position:absolute;top:100%;left:0;width:100%;background:linear-gradient(135deg,#6a11cb,#2575fc);flex-direction:column;padding:1rem;box-shadow:0 4px 10px #0000001a;transform:translateY(-10px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.nav-items.open{transform:translateY(0);opacity:1;visibility:visible}.nav-items ul{flex-direction:column;width:100%;gap:.5rem}.nav-link{justify-content:center;padding:.8rem;border-radius:8px}.progress-indicator{margin-top:1rem}.grade-levels-dropdown{left:50%;transform:translate(-50%);min-width:90%}}@media (max-width: 480px){.nav-logo span:last-child{display:none}.grade-levels-toggle .grade-label{display:none}.grade-levels-toggle{padding:.5rem}}.age-selector{margin:1rem 0}.age-selector label{display:block;margin-bottom:.5rem;font-weight:700;color:#333}.age-select{padding:.5rem;border:2px solid #4CAF50;border-radius:4px;font-size:1rem;width:100%;max-width:300px}.age-select:focus{outline:none;border-color:#45a049;box-shadow:0 0 0 2px #4caf5033}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#4caf50;color:#fff}.logo{font-size:1.5rem;font-weight:700}.footer{background-color:#4caf50;color:#fff;text-align:center;padding:20px;margin-top:40px}.footer p{margin:5px 0}.activity-card{width:120px;height:140px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000001a;margin:.5rem;padding:1rem;text-align:center;color:#fff;position:relative;overflow:hidden;border:3px solid transparent}.activity-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.activity-card.active{border-color:#fff;box-shadow:0 0 0 3px #fffc;transform:scale(1.05)}.activity-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#fff3,#fff0);z-index:1}.activity-icon{font-size:3rem;margin-bottom:.8rem;z-index:2;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.activity-title{margin:0;font-size:1rem;font-weight:600;z-index:2;text-shadow:1px 1px 3px rgba(0,0,0,.3)}@keyframes cardClick{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.activity-card:active{animation:cardClick .3s ease}@media (max-width: 600px){.activity-card{width:100px;height:120px;padding:.8rem}.activity-icon{font-size:2.5rem}.activity-title{font-size:.9rem}}.home-container{max-width:1200px;margin:0 auto;padding:1rem;font-family:Comic Sans MS,cursive,sans-serif}.home-header{text-align:center;margin-bottom:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:15px;box-shadow:0 4px 8px #0000001a}.home-header h1{color:#2c3e50;font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:.5rem}.home-header p{color:#7f8c8d;font-size:clamp(1rem,2vw,1.2rem);line-height:1.5}.age-selector{text-align:center;margin:2rem 0}.age-selector h3{color:#2c3e50;margin-bottom:1rem;font-size:clamp(1.2rem,2.5vw,1.5rem)}.age-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;padding:0 1rem}.age-buttons button{padding:.5rem 1.5rem;border:none;border-radius:50px;background-color:#3498db;color:#fff;font-size:clamp(.9rem,2vw,1rem);cursor:pointer;transition:all .3s;min-width:100px}.age-buttons button:hover{background-color:#2980b9;transform:translateY(-2px)}.activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0;padding:0 1rem}.featured-section{margin:3rem 0;text-align:center;padding:0 1rem}.featured-section h2{color:#2c3e50;margin-bottom:1.5rem;font-size:clamp(1.5rem,3vw,2rem)}.featured-card{display:flex;background:linear-gradient(135deg,#6e48aa,#9d50bb);border-radius:15px;overflow:hidden;box-shadow:0 6px 12px #00000026;color:#fff;margin:0 1rem}.featured-content{flex:2;padding:clamp(1rem,2vw,2rem);text-align:left}.featured-content h3{font-size:clamp(1.4rem,3vw,1.8rem);margin-bottom:1rem}.featured-content p{font-size:clamp(1rem,2vw,1.1rem);margin-bottom:1.5rem;line-height:1.6}.featured-image{flex:1;display:flex;align-items:center;justify-content:center;font-size:clamp(2rem,6vw,4rem);background-color:#ffffff1a;padding:1rem}.start-button{padding:.8rem 1.8rem;border:none;border-radius:50px;background-color:#fff;color:#6e48aa;font-size:clamp(.9rem,2vw,1rem);font-weight:700;cursor:pointer;transition:all .3s}.start-button:hover{background-color:#f1f1f1;transform:translateY(-2px);box-shadow:0 4px 8px #0003}@media (max-width: 1024px){.home-container{padding:.5rem}.activities-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}}@media (max-width: 768px){.home-header{padding:1rem;margin-bottom:1.5rem}.activities-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}.featured-card{flex-direction:column}.featured-content{text-align:center}.featured-image{padding:1.5rem}.age-buttons{gap:.8rem}}@media (max-width: 480px){.age-buttons{flex-direction:column;align-items:center;gap:.5rem}.age-buttons button{width:100%;max-width:200px}.activities-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.featured-card{margin:0 .5rem}.featured-content{padding:1rem}.start-button{padding:.6rem 1.2rem}}@media (max-width: 360px){.home-header{padding:.8rem}.activities-grid{grid-template-columns:1fr 1fr}.featured-content h3{font-size:1.2rem}}.alphabet-container{max-width:800px;margin:0 auto;padding:2rem;text-align:center;font-family:Comic Sans MS,cursive,sans-serif}.letter-display{margin:2rem 0;padding:1.5rem;background-color:#f8f9fa;border-radius:15px;box-shadow:0 4px 8px #0000001a}.big-letter{font-size:8rem;font-weight:700;color:#e74c3c;line-height:1;margin-bottom:1rem;transition:transform .3s}.big-letter.bounce{animation:bounce .5s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.word-display{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2rem}.word-emoji{font-size:2.5rem}.word-text{color:#3498db;text-transform:capitalize}.alphabet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:1rem;margin:2rem 0}.letter-button{padding:1rem;border-radius:10px;background-color:#ecf0f1;border:none;font-size:1.8rem;font-weight:700;cursor:pointer;transition:all .3s}.letter-button:hover{background-color:#d6eaf8;transform:scale(1.05)}.letter-button.active{background-color:#3498db;color:#fff;transform:scale(1.1);box-shadow:0 0 0 3px #3498db4d}.letter-practice{margin-top:2rem;padding:1.5rem;background-color:#e8f4f8;border-radius:15px}.letter-practice h3{color:#2c3e50;margin-top:0}.writing-area{margin-top:1rem;position:relative;height:200px;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a}.letter-outline{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:8rem;color:#0000001a;font-weight:700}.writing-guide{position:absolute;width:100%;height:100%;background-image:repeating-linear-gradient(#0000000d,#0000000d 24px,#fff 25px,#fff 25px)}@media (max-width: 600px){.big-letter{font-size:6rem}.word-display{font-size:1.5rem}.controls{flex-direction:column;align-items:center}.controls button{width:100%;justify-content:center}.alphabet-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.letter-outline{font-size:6rem}}.numbers-container{max-width:800px;margin:0 auto;padding:2rem;text-align:center;font-family:Comic Sans MS,cursive,sans-serif;overflow-y:auto;max-height:100vh}h1{color:#2c3e50;margin-bottom:1.5rem}.number-display{margin:2rem 0;padding:1.5rem;background-color:#f8f9fa;border-radius:15px;box-shadow:0 4px 8px #0000001a}.big-number{font-size:6rem;font-weight:700;color:#e74c3c;line-height:1;margin-bottom:.5rem}.number-word{font-size:2rem;color:#3498db;text-transform:capitalize}.controls{display:flex;justify-content:center;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}.controls button{padding:.8rem 1.5rem;border:none;border-radius:50px;background-color:#3498db;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}.controls button:hover{background-color:#2980b9;transform:translateY(-2px)}.controls button:disabled{background-color:#95a5a6;cursor:not-allowed}.number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1rem;margin:2rem 0}.number-button{padding:1rem;border-radius:10px;background-color:#ecf0f1;border:none;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center}.number-button:hover{background-color:#d6eaf8;transform:scale(1.05)}.number-button.active{background-color:#3498db;color:#fff;transform:scale(1.1);box-shadow:0 0 0 3px #3498db4d}.number-spelling{font-size:.7rem;font-weight:400;margin-top:.3rem;text-transform:capitalize}.number-facts{margin-top:2rem;padding:1.5rem;background-color:#e8f4f8;border-radius:15px;border-left:5px solid #3498db}.number-facts h3{color:#2c3e50;margin-top:0}.number-facts p{color:#7f8c8d;font-size:1.1rem;line-height:1.6}@media (max-width: 600px){.big-number{font-size:4rem}.number-word{font-size:1.5rem}.controls{flex-direction:column;align-items:center}.controls button{width:100%;justify-content:center}.number-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}.shapes-colours-container{max-width:1000px;margin:0 auto;padding:20px;font-family:Comic Sans MS,cursive,sans-serif;background-color:#f9f9f9;min-height:100vh}.sc-header{text-align:center;margin-bottom:20px}.sc-header h1{color:#4a4a4a;margin-bottom:15px}.tabs{display:flex;justify-content:center;margin-bottom:20px}.tab{padding:10px 20px;margin:0 5px;border:none;background-color:#e0e0e0;border-radius:20px;cursor:pointer;font-size:16px;transition:all .3s}.tab.active{background-color:#4caf50;color:#fff}.sc-main{background-color:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 8px #0000001a}.display-area{margin-bottom:30px;text-align:center}.shape-display,.color-display{height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px;border-radius:15px;position:relative}.shape-display{background-color:#f0f0f0}.color-display{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.shape-emoji{font-size:80px;margin-bottom:15px}.item-info h2{margin:0 0 10px;font-size:28px}.fun-fact{background-color:#fffc;padding:10px;border-radius:10px;margin-top:15px;max-width:80%;margin-left:auto;margin-right:auto}.audio-controls{margin:20px 0}.play-button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:16px;margin-bottom:15px}.play-button:disabled{background-color:#ccc;cursor:not-allowed}.voice-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px;padding:15px;background-color:#f5f5f5;border-radius:10px}.autoplay-toggle{display:flex;align-items:center;justify-content:center;gap:8px}.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-bottom:20px}.option-card{padding:15px 10px;border:2px solid #e0e0e0;border-radius:10px;background-color:#fff;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;justify-content:center}.option-card:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.option-card.active{border-color:#4caf50;background-color:#e8f5e9}.option-card:disabled{opacity:.6;cursor:not-allowed}.shape-icon,.color-emoji{font-size:30px;margin-bottom:8px}.color-name{color:#333}.sc-footer{text-align:center;margin-top:20px}.quiz-button{padding:12px 25px;background-color:#ff6b6b;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:18px;margin-top:15px;transition:all .3s}.quiz-button:hover{background-color:#ff5252;transform:scale(1.05)}.quiz-container{text-align:center}.quiz-progress{margin-bottom:20px;font-size:18px}.progress-bar{height:10px;background-color:#e0e0e0;border-radius:5px;margin-top:10px;overflow:hidden}.progress-fill{height:100%;background-color:#4caf50;transition:width .3s}.quiz-question{font-size:24px;margin-bottom:25px;color:#333;display:flex;align-items:center;justify-content:center;gap:10px}.read-aloud-btn:hover{background-color:#f0f0f0}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quiz-option{padding:15px;border:2px solid #e0e0e0;border-radius:10px;background-color:#fff;cursor:pointer;font-size:16px;transition:all .3s}.quiz-option:hover:not(:disabled){background-color:#f0f0f0}.quiz-option:disabled{opacity:.7;cursor:not-allowed}.score-container{text-align:center}.score-text{font-size:22px;margin:20px 0}.score-emoji{font-size:50px;margin:20px 0}.play-again-btn{padding:12px 25px;background-color:#4caf50;color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:18px;margin-top:20px}.quiz-review{margin:20px 0;text-align:left;max-height:300px;overflow-y:auto;padding:15px;background-color:#f9f9f9;border-radius:10px}.review-item{padding:10px;margin-bottom:10px;border-radius:8px}.review-item.correct{background-color:#e8f5e9;border-left:4px solid #4caf50}.review-item.incorrect{background-color:#ffebee;border-left:4px solid #f44336}.recent-items{margin-top:20px}.recent-items h3{margin-bottom:10px;font-size:18px}.recent-items-list{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.recent-item{padding:8px 12px;background-color:#f0f0f0;border:none;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:14px}.recent-item:disabled{opacity:.6;cursor:not-allowed}.color-dot{width:15px;height:15px;border-radius:50%;display:inline-block}.quiz-settings{display:flex;justify-content:center;gap:20px;margin:15px 0}.setting-group{display:flex;flex-direction:column;align-items:center}.setting-group label{margin-bottom:5px;font-weight:700}.setting-group select{padding:8px;border-radius:8px;border:1px solid #ccc}.circle{background-color:#ffebee}.triangle{background-color:#e3f2fd}.square{background-color:#e8f5e9}.rectangle{background-color:#fff3e0}.pentagon{background-color:#f3e5f5}.hexagon{background-color:#e0f7fa}.star{background-color:#fff9c4}.heart{background-color:#fce4ec}.diamond{background-color:#e8eaf6}.oval{background-color:#e0f2f1}.crescent{background-color:#f5f5f5}.cross{background-color:#efebe9}.arrow{background-color:#e8f5e9}.spiral{background-color:#fff3e0}.cloud{background-color:#f5f5f5}@media (max-width: 768px){.options-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.quiz-options{grid-template-columns:1fr}.quiz-settings{flex-direction:column;gap:10px}.voice-settings{grid-template-columns:1fr}}:root{--theme-color: #FFD700;--highlight-color: var(--theme-color);--bg-color: #f9f9f9;--text-color: #333;--light-gray: #f0f0f0;--medium-gray: #ddd;--dark-gray: #666}.rhymes-container{font-family:Comic Sans MS,Marker Felt,Chalkboard,sans-serif;max-width:1000px;margin:0 auto;padding:1rem;background-color:var(--bg-color);border-radius:15px;box-shadow:0 5px 15px #0000001a;position:relative;overflow:hidden}.rhymes-container:before{content:"";position:absolute;top:0;left:0;right:0;height:10px;background:var(--theme-color)}.rhyme-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.rhyme-header h1{color:var(--theme-color);margin:0;font-size:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.toggle-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;color:var(--theme-color)}.rhyme-control-panel{background:#fff;border-radius:10px;padding:1rem;margin-bottom:1.5rem;box-shadow:0 2px 5px #0000000d}.rhyme-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:1rem}.rhyme-option{border:none;border-radius:8px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;font-weight:700;transition:transform .2s,box-shadow .2s}.rhyme-option:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.rhyme-option.active{transform:scale(1.05);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--theme-color)}.emoji{font-size:1.5rem}.title{font-size:.9rem}.player-controls{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.play-button{background:var(--theme-color);color:#fff;border:none;border-radius:50px;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.play-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 8px #0003}.play-button:disabled{opacity:.6;cursor:not-allowed}.play-button.playing{background:#e74c3c}.icon{font-size:1.2rem}.progress-container{flex-grow:1;height:8px;background:var(--light-gray);border-radius:4px;overflow:hidden;min-width:100px}.progress-bar{height:100%;background:var(--theme-color);border-radius:4px;transition:width .1s linear}.volume-control{display:flex;align-items:center;gap:.5rem}.toggle-scroll{display:flex;align-items:center;gap:.5rem;cursor:pointer}.rhyme-display{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-top:1rem}.rhyme-visual{display:flex;justify-content:center;align-items:flex-start}.image-container{width:150px;height:150px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 15px #0000001a;border:5px solid var(--theme-color)}.animated-image{font-size:5rem;animation:float 3s ease-in-out infinite}.rhyme-content{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 5px #0000000d}.rhyme-title{color:var(--theme-color);margin-top:0;margin-bottom:1rem;font-size:1.8rem}.lyrics-container{max-height:300px;overflow-y:auto;padding-right:1rem}.lyric-line{margin:.8rem 0;font-size:1.2rem;line-height:1.5;transition:all .3s}.lyric-line.highlight{color:var(--highlight-color);font-weight:700;font-size:1.3rem;transform:scale(1.02)}.sing-along{margin-top:2rem;text-align:center}.sing-along h3{color:var(--theme-color);margin-bottom:.5rem}.current-line{font-size:1.5rem;font-weight:700;color:var(--highlight-color);padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a}.error-message{color:#e74c3c;text-align:center;padding:1rem;background:#ffebee;border-radius:8px;margin-top:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width: 768px){.rhyme-display{grid-template-columns:1fr}.rhyme-selector{grid-template-columns:1fr 1fr}.player-controls{flex-direction:column;align-items:stretch}.image-container{width:120px;height:120px;margin:0 auto}.animated-image{font-size:4rem}}@media (max-width: 480px){.rhyme-selector{grid-template-columns:1fr}}.gk-container{max-width:900px;margin:0 auto;padding:1.5rem;font-family:Comic Sans MS,cursive,sans-serif;background-color:#f5f7fa;min-height:100vh}.category-selection{text-align:center;padding:1rem}.category-selection h1{color:#2c3e50;margin-bottom:.5rem;font-size:2.2rem;text-shadow:1px 1px 3px rgba(0,0,0,.1)}.category-selection p{color:#7f8c8d;font-size:1.3rem;margin-bottom:2rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;padding:1rem}.category-card{padding:1.8rem 1rem;border-radius:18px;cursor:pointer;transition:all .3s ease;color:#fff;text-align:center;box-shadow:0 6px 12px #00000026;border:4px solid white}.category-card:hover{transform:translateY(-8px);box-shadow:0 10px 20px #0003}.category-icon{font-size:3rem;margin-bottom:.8rem;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.2))}.question-section{background-color:#fff;border-radius:20px;padding:2rem;box-shadow:0 8px 25px #0000001a;margin-top:1rem}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px dashed #e0e6ed}.quiz-header h2{color:#2c3e50;margin:0;font-size:1.8rem}.score{background-color:#3498db;color:#fff;padding:.6rem 1.2rem;border-radius:50px;font-weight:700;font-size:1.1rem;box-shadow:0 3px 6px #3498db4d}.question-card{background-color:#f9fbfd;border-radius:15px;padding:2rem;border:2px solid #e0e6ed}.question-image{font-size:6rem;text-align:center;margin-bottom:1.5rem;text-shadow:3px 3px 6px rgba(0,0,0,.1)}.question-text{margin-bottom:2rem;text-align:center}.question-text h3{color:#2c3e50;margin-bottom:1.5rem;font-size:1.5rem;line-height:1.4;padding:0 1rem}.speak-button{background-color:#5d9cec;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:50px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:.8rem;font-size:1.1rem;box-shadow:0 3px 6px #5d9cec4d;transition:all .3s}.speak-button:hover{background-color:#4a89dc;transform:translateY(-2px);box-shadow:0 5px 10px #5d9cec66}.speak-button:disabled{background-color:#95a5a6;cursor:not-allowed;transform:none;box-shadow:none}.options-grid{display:grid;grid-template-columns:1fr;gap:1.2rem;margin-bottom:2rem}.option-button{padding:1.2rem;border:3px solid #e0e6ed;border-radius:12px;background-color:#fff;cursor:pointer;font-size:1.2rem;transition:all .3s;text-align:center;font-weight:600;color:#2c3e50;box-shadow:0 3px 6px #0000000d}.option-button:hover:not(:disabled){border-color:#3498db;transform:translateY(-3px);box-shadow:0 5px 10px #3498db33}.option-button.correct{background-color:#48cfad;color:#fff;border-color:#48cfad;animation:correctPulse .5s}.option-button.incorrect{background-color:#ed5565;color:#fff;border-color:#ed5565;animation:shake .5s}.option-button.show-correct{background-color:#48cfad;color:#fff;border-color:#48cfad;animation:correctPulse .5s}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.result-feedback{margin-top:2rem;text-align:center;padding:1.5rem;border-radius:15px;background-color:#f8fafc;border:2px dashed #e0e6ed}.correct-feedback{color:#27ae60;font-weight:700;font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.8rem}.incorrect-feedback{color:#e74c3c;font-size:1.3rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.8rem}.next-button{background-color:#3498db;color:#fff;border:none;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-size:1.2rem;transition:all .3s;font-weight:700;box-shadow:0 4px 8px #3498db4d;min-width:200px}.next-button:hover{background-color:#2980b9;transform:translateY(-3px);box-shadow:0 6px 12px #3498db66}@media (max-width: 768px){.gk-container{padding:1rem}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.category-card{padding:1.5rem .5rem}.question-image{font-size:4.5rem}.question-text h3{font-size:1.3rem}.option-button{padding:1rem;font-size:1.1rem}}@media (max-width: 480px){.quiz-header{flex-direction:column;gap:1rem}.question-card{padding:1.5rem}.next-button{width:100%}}:root{--primary-color: #3498db;--secondary-color: #2ecc71;--accent-color: #f1c40f;--danger-color: #e74c3c;--dark-color: #2c3e50;--light-color: #ecf0f1;--gray-color: #95a5a6;--light-gray: #bdc3c7;--white: #ffffff;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--border-radius: 8px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f5f7fa;color:#333}.parents-container{max-width:1400px;margin:0 auto;padding:20px}.parents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header-left h1{font-size:28px;color:var(--dark-color);margin-bottom:5px}.welcome-message{color:var(--gray-color);font-size:14px}.header-right{display:flex;align-items:center}.user-profile{display:flex;align-items:center;background:var(--white);padding:8px 15px;border-radius:30px;box-shadow:var(--shadow);cursor:pointer;transition:var(--transition)}.user-profile:hover{transform:translateY(-2px)}.avatar{font-size:20px;margin-right:10px}.name{font-weight:600;margin-right:15px}.notification-badge{background-color:var(--danger-color);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.child-selector-section{margin-bottom:30px}.child-cards{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px}.child-card{background:var(--white);border-radius:var(--border-radius);padding:15px;min-width:180px;box-shadow:var(--shadow);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;text-align:center}.child-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.child-card.active{border:2px solid var(--primary-color);background-color:#3498db1a}.child-avatar{font-size:30px;margin-bottom:10px}.child-info h3{font-size:16px;margin-bottom:5px;color:var(--dark-color)}.child-info p{font-size:14px;color:var(--gray-color);margin-bottom:5px}.child-info small{font-size:12px;color:var(--light-gray)}.add-child{background-color:#3498db1a;border:1px dashed var(--primary-color);justify-content:center}.add-child:hover{background-color:#3498db33}.main-content{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.tabs-container{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:0 20px}.tabs{display:flex}.tabs button{padding:15px 20px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--gray-color);position:relative;transition:var(--transition);display:flex;align-items:center}.tabs button.active{color:var(--primary-color)}.tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--primary-color);border-radius:3px 3px 0 0}.tab-icon{margin-right:8px;font-size:16px}.unread-badge{background-color:var(--danger-color);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;margin-left:5px}.quick-actions{display:flex;gap:10px}.print-btn,.contact-btn{padding:8px 15px;border-radius:20px;border:none;background-color:var(--light-color);color:var(--dark-color);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;transition:var(--transition)}.print-btn:hover,.contact-btn:hover{background-color:#dfe6e9}.print-btn .icon,.contact-btn .icon{margin-right:5px}.tab-content{padding:20px}.progress-section{display:flex;flex-direction:column;gap:30px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h2{font-size:20px;color:var(--dark-color)}.chart-actions{display:flex;gap:10px}.time-filter{padding:5px 15px;border-radius:15px;border:1px solid #ddd;background:none;font-size:12px;cursor:pointer;transition:var(--transition)}.time-filter:hover{background-color:#f0f0f0}.time-filter.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.main-chart,.side-chart{background:var(--white);border-radius:var(--border-radius);padding:15px;box-shadow:0 2px 4px #0000000d}.progress-details{margin-top:20px}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.details-header h3{font-size:18px;color:var(--dark-color)}.export-options{display:flex;gap:10px}.export-btn{padding:8px 15px;border-radius:4px;border:none;background-color:var(--light-color);color:var(--dark-color);font-size:13px;cursor:pointer;display:flex;align-items:center;transition:var(--transition)}.export-btn:hover{background-color:#dfe6e9}.export-btn .icon{margin-right:5px}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}th{background-color:#f8f9fa;font-weight:600;color:var(--dark-color)}tr:hover{background-color:#f8f9fa}.subject-info{display:flex;align-items:center;gap:10px}.subject-icon{font-size:18px}.progress-container{display:flex;align-items:center;gap:10px}.progress-bar{flex-grow:1;height:8px;background-color:#eee;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.progress-text{min-width:40px;text-align:right;font-size:13px;color:var(--gray-color)}.action-btn{padding:5px 10px;border-radius:4px;border:none;background-color:#f0f0f0;color:var(--dark-color);font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:var(--transition)}.action-btn:hover{background-color:#e0e0e0}.action-btn.small{padding:3px 6px;font-size:11px}.action-btn .icon{font-size:12px}.resources-section{display:flex;flex-direction:column;gap:20px}.resources-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.resources-header h2{font-size:20px;color:var(--dark-color)}.resources-controls{display:flex;gap:15px}.search-box{position:relative}.search-box input{padding:8px 15px 8px 35px;border-radius:20px;border:1px solid #ddd;width:200px;font-size:13px;transition:var(--transition)}.search-box input:focus{outline:none;border-color:var(--primary-color);width:250px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gray-color)}.filter-dropdown{padding:8px 15px;border-radius:20px;border:1px solid #ddd;background-color:#fff;font-size:13px;cursor:pointer;transition:var(--transition)}.filter-dropdown:focus{outline:none;border-color:var(--primary-color)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.resource-card{background:var(--white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);display:flex;flex-direction:column}.resource-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.resource-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#f8f9fa}.resource-icon{font-size:24px}.favorite-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#ccc;transition:var(--transition)}.favorite-btn.active{color:var(--accent-color)}.resource-body{padding:15px;flex-grow:1}.resource-body h3{font-size:16px;margin-bottom:10px;color:var(--dark-color)}.resource-body p{font-size:13px;color:var(--gray-color);margin-bottom:10px;line-height:1.4}.resource-category{display:inline-block;padding:3px 8px;background-color:#e8f4fc;color:var(--primary-color);border-radius:10px;font-size:11px;font-weight:600}.resource-footer{padding:0 15px 15px}.resource-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--primary-color);text-decoration:none;font-weight:600;transition:var(--transition)}.resource-link:hover{color:#2980b9}.resource-link .arrow{transition:var(--transition)}.resource-link:hover .arrow{transform:translate(3px)}.no-results{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--gray-color)}.clear-filters{margin-top:15px;padding:8px 15px;border-radius:20px;border:none;background-color:var(--primary-color);color:#fff;font-size:13px;cursor:pointer;transition:var(--transition)}.clear-filters:hover{background-color:#2980b9}.messages-section{display:flex;flex-direction:column;gap:20px}.messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.messages-header h2{font-size:20px;color:var(--dark-color)}.compose-btn{padding:8px 15px;border-radius:20px;border:none;background-color:var(--primary-color);color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:var(--transition)}.compose-btn:hover{background-color:#2980b9}.compose-btn .icon{font-size:14px}.messages-list{display:flex;flex-direction:column;gap:15px}.message-card{background:var(--white);border-radius:var(--border-radius);padding:15px;box-shadow:var(--shadow);transition:var(--transition);border-left:3px solid transparent}.message-card.unread{border-left-color:var(--primary-color);background-color:#f8fbff}.message-card.system{border-left-color:var(--gray-color)}.message-card.teacher{border-left-color:var(--secondary-color)}.message-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sender-info{display:flex;align-items:center;gap:10px}.sender-avatar{font-size:20px}.sender-name{font-weight:600;color:var(--dark-color)}.unread-dot{color:var(--primary-color);font-weight:700}.message-date{font-size:12px;color:var(--gray-color)}.message-content{margin-bottom:15px}.message-content p{font-size:14px;line-height:1.5;color:#555}.message-actions{display:flex;gap:10px}.no-messages{text-align:center;padding:40px 20px;color:var(--gray-color)}.notes-section{display:flex;flex-direction:column;gap:20px}.notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.notes-header h2{font-size:20px;color:var(--dark-color)}.add-note-btn{padding:8px 15px;border-radius:20px;border:none;background-color:var(--primary-color);color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:var(--transition)}.add-note-btn:hover{background-color:#2980b9}.add-note-btn .icon{font-size:14px}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.note-card{background:var(--white);border-radius:var(--border-radius);padding:15px;box-shadow:var(--shadow);transition:var(--transition);display:flex;flex-direction:column;min-height:200px}.note-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.note-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:10px}.note-header h3{font-size:16px;color:var(--dark-color);flex-grow:1}.note-date{font-size:11px;color:var(--gray-color)}.note-content{flex-grow:1;margin-bottom:15px}.note-content p{font-size:13px;line-height:1.5;color:#555}.note-actions{display:flex;justify-content:flex-end;gap:10px}.note-btn{width:30px;height:30px;border-radius:50%;border:none;background-color:#0000000d;color:var(--dark-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.note-btn:hover{background-color:#0000001a}.no-notes{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--gray-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:var(--white);border-radius:var(--border-radius);box-shadow:0 5px 15px #0000004d;width:100%;max-width:500px;overflow:hidden;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:18px;color:var(--dark-color)}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--gray-color);transition:var(--transition)}.close-btn:hover{color:var(--danger-color)}.modal-body{padding:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--dark-color)}.form-group input,.form-group textarea{width:100%;padding:10px 15px;border-radius:4px;border:1px solid #ddd;font-size:14px;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db33}.form-group textarea{min-height:100px;resize:vertical}.color-picker{display:flex;gap:10px;margin-top:10px}.color-option{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:var(--transition)}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--dark-color);transform:scale(1.1)}.modal-footer{padding:15px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.cancel-btn{padding:8px 15px;border-radius:4px;border:1px solid #ddd;background-color:var(--white);color:var(--dark-color);font-size:14px;cursor:pointer;transition:var(--transition)}.cancel-btn:hover{background-color:#f0f0f0}.confirm-btn{padding:8px 15px;border-radius:4px;border:none;background-color:var(--primary-color);color:#fff;font-size:14px;cursor:pointer;transition:var(--transition)}.confirm-btn:hover{background-color:#2980b9}@media (max-width: 768px){.parents-header{flex-direction:column;align-items:flex-start;gap:15px}.chart-grid{grid-template-columns:1fr}.tabs-container{flex-direction:column;align-items:flex-start;gap:15px}.resources-controls{flex-direction:column;width:100%}.search-box input,.filter-dropdown{width:100%}}@media (max-width: 480px){.child-cards{flex-direction:column}.child-card{width:100%}.tabs{width:100%;overflow-x:auto;padding-bottom:10px}.tabs button{white-space:nowrap}.modal{margin:0 15px}}.Songs-container{max-width:1000px;margin:0 auto;padding:20px;font-family:Comic Sans MS,cursive,sans-serif;background-color:#f9f9f9;border-radius:15px;box-shadow:0 5px 15px #0000001a}.Songs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.rhyme-header h1{color:#333;margin:0}.toggle-button{background:var(--theme-color, #FFD700);border:none;border-radius:50%;width:40px;height:40px;font-size:16px;cursor:pointer;transition:transform .2s}.toggle-button:hover{transform:scale(1.1)}.rhyme-control-panel{background:#fff;padding:15px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 10px #0000000d}.rhyme-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.rhyme-option{border:none;border-radius:20px;padding:8px 15px;color:#fff;cursor:pointer;transition:all .2s}.rhyme-option:hover{opacity:.9;transform:translateY(-2px)}.rhyme-option.active{box-shadow:0 0 0 3px #0003}.player-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.play-button{background:var(--theme-color, #FFD700);border:none;border-radius:50%;width:50px;height:50px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.play-button:disabled{opacity:.5;cursor:not-allowed}.progress-container{flex-grow:1;height:8px;background:#eee;border-radius:4px;cursor:pointer;position:relative}.progress-bar{height:100%;background:var(--theme-color, #FFD700);border-radius:4px;transition:width .1s}.volume-control{display:flex;align-items:center;gap:10px}.volume-control input{width:80px}.toggle-scroll{display:flex;align-items:center;gap:5px;white-space:nowrap}.rhyme-display{display:flex;gap:30px;margin-bottom:30px}.rhyme-visual{flex:1}.image-container{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a}.image-container img{width:100%;height:auto;display:block}.playing-animation{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff4d;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.rhyme-content{flex:2}.rhyme-title{color:#333;margin-top:0}.lyrics-container{background:#fff;padding:20px;border-radius:10px;max-height:300px;overflow-y:auto;box-shadow:0 2px 10px #0000000d}.lyric-line{margin:10px 0;transition:all .3s;font-size:18px}.lyric-line.highlight{transform:scale(1.02)}.sing-along{background:#fff;padding:15px;border-radius:10px;text-align:center;box-shadow:0 2px 10px #0000000d}.sing-along h3{margin-top:0;color:#333}.current-line{font-size:20px;font-weight:700;color:var(--theme-color, #FFD700);min-height:30px}.error-message{background:#ffebee;color:#c62828;padding:10px;border-radius:5px;text-align:center;margin-top:15px}@media (max-width: 768px){.rhyme-display{flex-direction:column}.player-controls{flex-direction:column;align-items:stretch}.rhyme-selector{justify-content:center}}.stories-app{max-width:1200px;margin:0 auto;padding:20px;font-family:Comic Sans MS,cursive,sans-serif;background-color:#f9f9f9;min-height:100vh}.app-header{text-align:center;margin-bottom:30px;background-color:#4caf50;padding:20px;border-radius:15px;color:#fff}.app-header h1{margin:0 0 20px;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.controls{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.search-box{position:relative;display:flex;align-items:center}.search-box input{padding:10px 40px 10px 15px;border:none;border-radius:25px;font-size:16px;width:250px;box-shadow:0 2px 5px #0000001a}.search-icon{position:absolute;right:15px;color:#777}.level-filter{display:flex;align-items:center;gap:10px}.level-filter label{font-weight:700}.level-filter select{padding:10px;border:none;border-radius:10px;font-size:16px;background-color:#fff;box-shadow:0 2px 5px #0000001a}.app-main{background-color:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.story-card{background-color:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:transform .3s,box-shadow .3s}.story-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.story-image{position:relative;height:200px;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.story-card:hover .story-image img{transform:scale(1.05)}.level-badge{position:absolute;top:10px;right:10px;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:700;color:#fff}.level-badge.nursery{background-color:#ff6b6b}.level-badge.kindergarten{background-color:#4ecdc4}.level-badge.senior-kg{background-color:#45b7d1}.level-badge.Grade1st{background-color:#f9c74f}.story-info{padding:15px}.story-info h3{margin:0 0 10px;color:#333}.story-info p{color:#666;margin:0 0 15px;line-height:1.4}.story-meta{display:flex;justify-content:space-between;font-size:14px;color:#888}.story-player{max-width:800px;margin:0 auto}.back-button{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;margin-bottom:20px;font-size:16px;transition:background-color .3s}.back-button:hover{background-color:#5a6268}.story-content{background-color:#f8f9fa;border-radius:15px;padding:20px}.story-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.story-header h2{margin:0;color:#333}.story-media{text-align:center;margin-bottom:20px}.story-media img{max-width:100%;border-radius:10px;box-shadow:0 4px 8px #0000001a}.audio-controls{margin:15px 0}.audio-controls button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:16px;margin-right:10px;transition:background-color .3s}.audio-controls button:hover:not(:disabled){background-color:#3d8b40}.audio-controls button:disabled{background-color:#ccc;cursor:not-allowed}.voice-settings{background-color:#fff;padding:15px;border-radius:10px;margin-top:15px;box-shadow:0 2px 5px #0000001a}.voice-settings h4{margin:0 0 15px;color:#333}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.setting-group{display:flex;flex-direction:column;gap:5px}.setting-group label{font-weight:700;font-size:14px}.setting-group select,.setting-group input{padding:8px;border-radius:5px;border:1px solid #ddd}.setting-group span{font-size:12px;text-align:center}.story-text{background-color:#fff;padding:20px;border-radius:10px;margin-bottom:20px;line-height:1.6;font-size:18px}.quiz-button{background-color:#ff6b6b;color:#fff;border:none;padding:15px 30px;border-radius:25px;cursor:pointer;font-size:18px;display:block;margin:0 auto;transition:background-color .3s,transform .3s}.quiz-button:hover:not(:disabled){background-color:#ff5252;transform:scale(1.05)}.quiz-button:disabled{background-color:#ccc;cursor:not-allowed}.story-questions{background-color:#fff;padding:20px;border-radius:10px;margin-top:20px}.story-questions h3{margin:0 0 15px;color:#333}.question-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.question-header p{margin:0;font-size:18px;font-weight:700;flex:1}.read-aloud-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:5px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.read-aloud-btn:hover:not(:disabled){background-color:#f0f0f0}.read-aloud-btn:disabled{opacity:.5;cursor:not-allowed}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.option-button{background-color:#e9ecef;border:2px solid transparent;padding:15px;border-radius:10px;cursor:pointer;font-size:16px;transition:all .3s}.option-button:hover:not(:disabled){background-color:#dee2e6;border-color:#4caf50}.option-button:disabled{opacity:.7;cursor:not-allowed}.quiz-result{text-align:center;padding:20px;background-color:#f8f9fa;border-radius:10px}.quiz-result h4{margin:0 0 15px;color:#333}.celebration{display:flex;align-items:center;justify-content:center;gap:10px;margin:15px 0;font-size:24px;color:#f9c74f}.quiz-restart{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:16px;margin-top:15px;transition:background-color .3s}.quiz-restart:hover{background-color:#3d8b40}.app-footer{text-align:center;padding:20px;color:#6c757d}@media (max-width: 768px){.controls{flex-direction:column;align-items:center}.search-box input{width:100%}.story-grid,.settings-grid,.options-grid{grid-template-columns:1fr}}.games-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Comic Sans MS,Chalkboard SE,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.games-title{text-align:center;color:#fff;font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.games-subtitle{text-align:center;color:#fff;font-size:1.2rem;margin-bottom:40px;opacity:.9}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:40px}.game-card{position:relative;background:#fff;border-radius:20px;padding:25px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #0000001a;overflow:hidden;border:4px solid var(--card-color)}.game-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 35px #0003}.game-card:hover .card-hover-effect{transform:scale(1.1);opacity:1}.game-icon{font-size:4rem;margin-bottom:15px}.game-card h3{color:#333;font-size:1.5rem;margin-bottom:10px}.game-description{color:#666;margin-bottom:15px;font-size:.9rem}.game-difficulty{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.difficulty-badge{background:var(--card-color);color:#fff;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:700}.card-hover-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transform:scale(.8);opacity:0;transition:all .3s ease;pointer-events:none}.game-screen{background:#fff;border-radius:20px;padding:20px;box-shadow:0 10px 30px #0003;min-height:600px}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #eee}.back-button{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease}.back-button:hover{background:#5a6fd8;transform:translate(-5px)}.game-stats{display:flex;gap:20px;font-weight:700;color:#333}.game-stats span{padding:8px 15px;background:#f8f9fa;border-radius:15px;border:2px solid #e9ecef}.memory-game{text-align:center}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:500px;margin:0 auto}.memory-card{aspect-ratio:1;perspective:1000px;cursor:pointer}.memory-card .card-front,.memory-card .card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:transform .6s ease}.memory-card .card-front{background:#667eea;color:#fff;transform:rotateY(0)}.memory-card .card-back{background:#fff;transform:rotateY(180deg);border:3px solid #667eea}.memory-card.flipped .card-front{transform:rotateY(180deg)}.memory-card.flipped .card-back{transform:rotateY(0)}.memory-card.matched .card-back{background:#d4edda;border-color:#28a745}.math-game{text-align:center}.math-problem{font-size:3rem;font-weight:700;margin:30px 0;color:#333}.math-options{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:400px;margin:0 auto}.math-options button{padding:20px;font-size:1.5rem;border:none;border-radius:15px;background:#667eea;color:#fff;cursor:pointer;transition:all .3s ease}.math-options button:hover{background:#5a6fd8;transform:scale(1.05)}.word-game{text-align:center}.scrambled-word{font-size:3rem;letter-spacing:10px;margin:30px 0;color:#333;font-weight:700}.word-input-container{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.word-input{padding:15px;font-size:1.2rem;border:2px solid #ddd;border-radius:10px;width:250px}.word-input-container button{padding:15px 25px;background:#28a745;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:1rem}.hint-section{margin-top:20px}.hint-btn{background:#ffc107;color:#333;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;margin-bottom:10px}.hint-text{color:#666;font-style:italic}.color-game{text-align:center}.target-display{margin:30px 0}.target-shape{width:100px;height:100px;margin:0 auto 15px;border-radius:10px}.color-options{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:400px;margin:0 auto}.option-shape{width:80px;height:80px;margin:0 auto;border-radius:10px;cursor:pointer;transition:transform .3s ease}.option-shape:hover{transform:scale(1.1)}.quiz-game{text-align:center}.quiz-question{font-size:1.5rem;margin:30px 0;color:#333;font-weight:700}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:500px;margin:0 auto}.quiz-options button{padding:15px;font-size:1.1rem;border:none;border-radius:10px;background:#6f42c1;color:#fff;cursor:pointer;transition:all .3s ease}.quiz-options button:hover{background:#5a32a3;transform:scale(1.05)}.snake-game{text-align:center}.snake-game-container{display:flex;flex-direction:column;align-items:center;gap:20px}.snake-board{display:grid;width:400px;height:400px;border:3px solid #333;border-radius:10px;background:#f8f9fa;position:relative}.snake-segment{background:#28a745;border:1px solid #1e7e34;border-radius:3px}.snake-head{background:#155724;border-radius:5px}.snake-food{background:#dc3545;border-radius:50%;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;padding:30px;border-radius:15px;text-align:center;z-index:10}.game-over-buttons{display:flex;gap:10px;justify-content:center;margin-top:15px}.game-over-buttons button{padding:10px 20px;border:none;border-radius:10px;cursor:pointer;font-size:.9rem}.mobile-controls{display:none;flex-direction:column;align-items:center;gap:10px}.horizontal-arrows{display:flex;gap:10px}.arrow-btn{width:60px;height:60px;font-size:1.5rem;border:none;border-radius:50%;background:#667eea;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.default-game{text-align:center}.score-button{padding:20px 40px;font-size:1.5rem;background:#667eea;color:#fff;border:none;border-radius:25px;cursor:pointer;margin-top:30px;transition:all .3s ease}.score-button:hover{background:#5a6fd8;transform:scale(1.1)}.game-history{background:#fff;border-radius:15px;padding:20px;margin-top:30px}.game-history h2{text-align:center;color:#333;margin-bottom:20px}.history-list{display:grid;gap:10px}.history-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:15px;padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea}.history-game{font-weight:700;color:#333}@media (max-width: 768px){.games-grid{grid-template-columns:1fr}.game-stats{flex-direction:column;gap:10px}.memory-grid{grid-template-columns:repeat(3,1fr)}.math-options,.quiz-options{grid-template-columns:1fr}.snake-board{width:300px;height:300px}.mobile-controls{display:flex}.history-item{grid-template-columns:1fr;text-align:center}}@media (max-width: 480px){.games-title{font-size:2rem}.game-card{padding:15px}.game-icon{font-size:3rem}.snake-board{width:250px;height:250px}.arrow-btn{width:50px;height:50px;font-size:1.2rem}}.game-card{animation:fadeIn .6s ease-out}.game-card:nth-child(odd){animation-delay:.1s}.game-card:nth-child(2n){animation-delay:.2s}button:focus,.memory-card:focus,.option-shape:focus{outline:3px solid #667eea;outline-offset:2px}@media (prefers-contrast: high){.game-card,.game-stats span{border-width:3px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.game-card:hover{transform:none}}.first-std{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Comic Sans MS,Chalkboard SE,sans-serif}.std-header{text-align:center;color:#fff;margin-bottom:30px}.std-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.std-header p{font-size:1.2rem;opacity:.9}.learning-container{display:flex;gap:20px;max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0003}.subjects-sidebar{width:250px;background:#f8f9fa;padding:20px;display:flex;flex-direction:column;gap:15px}.subject-btn{display:flex;align-items:center;gap:15px;padding:15px;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease;color:#fff;font-weight:700;text-align:left}.subject-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.subject-btn.active{transform:scale(1.05);box-shadow:0 5px 20px #0000004d}.subject-title{font-size:1.1rem}.main-content{flex:1;padding:30px}.topic-selector{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.topic-btn,.quiz-btn{padding:12px 20px;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:700}.topic-btn{background:#e9ecef;color:#495057}.topic-btn:hover{background:#dee2e6}.topic-btn.active{background:#007bff;color:#fff}.quiz-btn{background:#28a745;color:#fff;margin-left:auto}.quiz-btn:hover{background:#218838;transform:translateY(-2px)}.lesson-container{animation:fadeIn .5s ease}.topic-title{color:#333;font-size:2rem;margin-bottom:10px}.topic-description{color:#666;font-size:1.1rem;margin-bottom:30px}.lessons{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.lesson-card{background:#f8f9fa;padding:20px;border-radius:15px;border-left:5px solid #007bff;transition:all .3s ease}.lesson-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.text-lesson p{font-size:1.2rem;margin:0;color:#333}.image-lesson img{width:100%;border-radius:10px;height:200px;object-fit:cover}.audio-lesson,.game-lesson,.interactive-lesson,.activity-lesson{text-align:center}.audio-lesson p,.game-lesson p,.interactive-lesson p,.activity-lesson p{margin-bottom:15px;color:#333}.play-btn,.interactive-btn,.activity-btn{padding:10px 20px;border:none;border-radius:20px;cursor:pointer;font-weight:700;transition:all .3s ease}.play-btn{background:#ff6b6b;color:#fff}.interactive-btn{background:#4ecdc4;color:#fff}.activity-btn{background:#45b7d1;color:#fff}.play-btn:hover,.interactive-btn:hover,.activity-btn:hover{transform:scale(1.05)}.quiz-container{animation:fadeIn .5s ease}.question-section{background:#f8f9fa;padding:30px;border-radius:15px;margin-bottom:20px;text-align:center}.question-count{color:#666;font-size:1.1rem;margin-bottom:15px}.question-text{font-size:1.5rem;color:#333;font-weight:700}.answer-section{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.answer-btn{padding:20px;border:2px solid #007bff;border-radius:15px;background:#fff;color:#007bff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.answer-btn:hover{background:#007bff;color:#fff;transform:translateY(-2px)}.score-section{text-align:center;animation:bounceIn .5s ease}.score-section h2{color:#28a745;margin-bottom:20px}.score-section p{font-size:1.2rem;color:#666;margin-bottom:30px}.score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#28a745,#20c997);margin:0 auto 30px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700;box-shadow:0 5px 20px #28a7454d}.retry-btn{padding:15px 30px;border:none;border-radius:25px;background:#007bff;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:#0056b3;transform:translateY(-2px)}.activities-section{max-width:1200px;margin:40px auto 0;text-align:center}.activities-section h2{color:#fff;margin-bottom:30px;font-size:2rem}.activity{background:#fff;padding:30px;border-radius:20px;text-align:center;transition:all .3s ease;box-shadow:0 5px 15px #0000001a}.activity:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0003}.activity-icon{font-size:3rem;margin-bottom:15px;display:block}.activity p{color:#666;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.learning-container{flex-direction:column}.subjects-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:15px}.subject-btn{flex-direction:column;min-width:80px;text-align:center}.topic-selector{flex-direction:column}.answer-section,.activities{grid-template-columns:1fr}}@media (max-width: 480px){.first-std{padding:10px}.std-header h1{font-size:2rem}.main-content{padding:20px}.topic-title{font-size:1.5rem}.question-text{font-size:1.2rem}}.second-std{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;min-height:100vh;color:#333}.std-header{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;padding:1.5rem 2rem;text-align:center;box-shadow:0 4px 12px #0000001a}.std-header h1{margin:0 0 .5rem;font-size:2.2rem}.std-header p{margin:0 0 1.5rem;opacity:.9;font-size:1.1rem}.progress-indicator{display:flex;align-items:center;justify-content:center;gap:1rem;background-color:#fff3;padding:.8rem 1.5rem;border-radius:50px;max-width:400px;margin:0 auto}.progress-bar{flex-grow:1;height:10px;background-color:#ffffff4d;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background-color:#fff;border-radius:5px;transition:width .5s ease}.learning-container{display:flex;max-width:1200px;margin:2rem auto;gap:2rem;padding:0 1rem}.subjects-sidebar{flex:0 0 250px;display:flex;flex-direction:column;gap:1rem}.subject-item{display:flex;flex-direction:column;gap:.5rem}.subject-btn{display:flex;align-items:center;gap:.8rem;padding:1rem;border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000001a}.subject-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.subject-btn.active{transform:scale(1.05);box-shadow:0 8px 16px #0003}.subject-icon{font-size:1.5rem}.subject-progress{display:flex;align-items:center;gap:.5rem;padding:0 .5rem}.subject-progress .progress-bar{height:6px;background-color:#e0e0e0}.subject-progress .progress-fill{background-color:#4caf50}.subject-progress span{font-size:.8rem;color:#666;min-width:40px;text-align:right}.main-content{flex:1;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.topic-navigation{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee;background-color:#f9fafb}.topic-buttons{display:flex;gap:.8rem}.topic-btn{display:flex;flex-direction:column;align-items:center;padding:.8rem 1.2rem;border:1px solid #e0e0e0;border-radius:10px;background-color:#fff;cursor:pointer;transition:all .2s ease}.topic-btn:hover{background-color:#f0f4ff;border-color:#c5d2ff}.topic-btn.active{background-color:#4e73ff;color:#fff;border-color:#4e73ff}.topic-number{font-size:.7rem;opacity:.7;margin-bottom:.3rem}.topic-name{font-weight:600;font-size:.9rem}.quiz-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:linear-gradient(to right,#ff7e5f,#feb47b);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.quiz-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #ff7e5f4d}.lesson-container{padding:2rem}.lesson-header{margin-bottom:2rem}.topic-title{font-size:1.8rem;margin:0 0 .5rem;color:#2d3748}.topic-description{color:#718096;margin:0;font-size:1.1rem}.lessons{display:flex;flex-direction:column;gap:1.5rem}.lesson-card{border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;background-color:#fff;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.lesson-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000014}.lesson-number{font-size:.9rem;font-weight:600;color:#4e73ff;margin-bottom:1rem}.text-lesson p{line-height:1.6;margin:0;font-size:1.1rem}.image-lesson{display:flex;flex-direction:column;align-items:center;gap:1rem}.image-lesson img{max-width:100%;border-radius:8px;box-shadow:0 4px 8px #0000001a}.image-caption{font-style:italic;color:#718096;font-size:.9rem}.audio-lesson,.game-lesson,.interactive-lesson,.activity-lesson,.experiment-lesson{display:flex;flex-direction:column;gap:1rem}.audio-lesson p,.game-lesson p,.interactive-lesson p,.activity-lesson p,.experiment-lesson p{margin:0;line-height:1.6}.play-btn,.interactive-btn,.activity-btn,.experiment-btn{align-self:flex-start;padding:.7rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.play-btn{background-color:#ff7e5f;color:#fff}.interactive-btn{background-color:#4e73ff;color:#fff}.activity-btn{background-color:#4caf50;color:#fff}.experiment-btn{background-color:#9c27b0;color:#fff}.play-btn:hover,.interactive-btn:hover,.activity-btn:hover,.experiment-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.quiz-container{padding:2rem}.question-section{margin-bottom:2rem}.question-count{font-size:1.1rem;color:#718096;margin-bottom:1rem}.question-text{font-size:1.4rem;font-weight:600;color:#2d3748}.answer-section{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.answer-btn{padding:1.2rem;border:2px solid #e2e8f0;border-radius:10px;background-color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.answer-btn:hover{background-color:#f0f4ff;border-color:#c5d2ff}.score-section{text-align:center;padding:2rem}.score-section h2{color:#2d3748;margin-bottom:1rem}.score-section p{font-size:1.2rem;color:#718096;margin-bottom:2rem}.score-circle{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#6a11cb,#2575fc);display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;color:#fff;font-size:2rem;font-weight:700;box-shadow:0 8px 16px #0000001a}.quiz-actions{display:flex;justify-content:center;gap:1rem}.retry-btn,.back-btn,.certificate-btn{padding:.8rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-btn{background-color:#4e73ff;color:#fff}.back-btn{background-color:#e2e8f0;color:#4a5568}.certificate-btn{background:linear-gradient(to right,#ff7e5f,#feb47b);color:#fff}.retry-btn:hover,.back-btn:hover,.certificate-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.certificate-container{padding:2rem;display:flex;flex-direction:column;align-items:center}.certificate{width:100%;max-width:800px;border:20px solid #f4d03f;padding:3rem;text-align:center;background-color:#fff;box-shadow:0 10px 30px #00000026;margin-bottom:2rem}.certificate h2{color:#2d3748;font-size:2.5rem;margin-bottom:2rem}.certificate-content{padding:2rem;border:2px dashed #c5d2ff}.certificate-content h3{font-size:2rem;color:#4e73ff;margin:1rem 0}.score-display{font-size:1.2rem;font-weight:600;color:#4caf50;margin:1.5rem 0}.certificate-footer{display:flex;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.signature,.date{font-weight:600;color:#4a5568}.activities-section{max-width:1200px;margin:3rem auto;padding:0 1rem}.activities-section h2{text-align:center;color:#2d3748;margin-bottom:2rem}.activities{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.activity{background-color:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.activity:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001f}.activity-icon{font-size:3rem;margin-bottom:1rem;display:block}.activity h3{color:#2d3748;margin:0 0 .5rem}.activity p{color:#718096;margin:0}@media (max-width: 900px){.learning-container{flex-direction:column}.subjects-sidebar{flex-direction:row;flex-wrap:wrap;justify-content:center;flex:0 0 auto}.subject-item{flex:1;min-width:200px}.topic-buttons{flex-wrap:wrap}}@media (max-width: 768px){.answer-section{grid-template-columns:1fr}.topic-navigation{flex-direction:column;gap:1rem;align-items:stretch}.quiz-actions{flex-direction:column;align-items:center}.certificate-footer{flex-direction:column;gap:1rem;text-align:center}.activities{grid-template-columns:1fr}}@media (max-width: 480px){.std-header h1{font-size:1.8rem}.progress-indicator{flex-direction:column;gap:.5rem;text-align:center}.topic-buttons{flex-direction:column}.lesson-container,.quiz-container{padding:1rem}.certificate{padding:1.5rem;border-width:10px}.certificate h2{font-size:2rem}.certificate-content h3{font-size:1.5rem}}.third-std{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.std-header{background:#fffffff2;border-radius:20px;padding:25px;margin-bottom:25px;box-shadow:0 10px 30px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.std-header h1{color:#4a4a4a;margin:0;font-size:2.2em;font-weight:700}.std-header p{color:#666;margin:10px 0 20px;font-size:1.1em}.user-profile{display:flex;align-items:center;gap:15px;background:#f5f5f5cc;padding:12px 20px;border-radius:50px;box-shadow:0 4px 15px #0000001a}.user-avatar{font-size:2em;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#ff9a9e,#fad0c4);border-radius:50%}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:#333}.user-points{color:#ff6b6b;font-weight:500}.progress-indicator{display:flex;align-items:center;gap:15px;background:#f5f5f5cc;padding:15px;border-radius:15px}.progress-bar{flex:1;height:12px;background:#e0e0e0;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:10px;transition:width .5s ease}.learning-container{display:flex;gap:25px;margin-bottom:30px}.subjects-sidebar{width:250px;display:flex;flex-direction:column;gap:15px}.subject-item{display:flex;flex-direction:column;gap:10px}.subject-btn{display:flex;align-items:center;gap:15px;padding:18px;border:none;border-radius:15px;color:#fff;font-weight:600;font-size:1.1em;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0003}.subject-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.subject-btn.active{transform:scale(1.05);box-shadow:0 10px 25px #0000004d}.subject-icon{font-size:1.5em}.subject-progress{display:flex;align-items:center;gap:10px;background:#ffffffe6;padding:10px;border-radius:10px}.subject-progress .progress-bar{height:8px}.main-content{flex:1;background:#fffffff2;border-radius:20px;padding:25px;box-shadow:0 10px 30px #00000026}.topic-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.topic-buttons{display:flex;gap:10px}.topic-btn{display:flex;flex-direction:column;align-items:center;padding:15px 20px;border:2px solid #e0e0e0;border-radius:15px;background:#fff;cursor:pointer;transition:all .3s ease;min-width:100px}.topic-btn:hover{border-color:#4caf50;transform:translateY(-2px)}.topic-btn.active{border-color:#4caf50;background:#4caf50;color:#fff;transform:scale(1.05)}.topic-number{font-size:.9em;opacity:.7}.topic-name{font-weight:600;font-size:.9em;margin-top:5px}.quiz-btn{display:flex;align-items:center;gap:10px;padding:15px 25px;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;border:none;border-radius:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #ff6b6b66}.quiz-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b80}.lesson-header{margin-bottom:25px}.topic-title{color:#333;font-size:2em;margin-bottom:10px}.topic-description{color:#666;font-size:1.1em}.lessons{display:flex;flex-direction:column;gap:20px}.lesson-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a;border-left:5px solid #4CAF50;transition:all .3s ease}.lesson-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.lesson-number{background:#4caf50;color:#fff;padding:5px 12px;border-radius:20px;font-size:.9em;font-weight:600;display:inline-block;margin-bottom:15px}.text-lesson p{line-height:1.6;color:#555;font-size:1.1em}.image-lesson{text-align:center}.image-lesson img{max-width:100%;border-radius:10px;box-shadow:0 5px 15px #0000001a}.image-caption{margin-top:10px;color:#666;font-style:italic}.game-lesson,.interactive-lesson,.activity-lesson,.experiment-lesson{text-align:center;padding:20px}.game-lesson h4,.interactive-lesson h4,.activity-lesson h4,.experiment-lesson h4{color:#333;margin-bottom:10px}.play-btn,.interactive-btn,.activity-btn,.experiment-btn{padding:12px 25px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:15px}.play-btn{background:linear-gradient(45deg,#2196f3,#21cbf3);color:#fff}.interactive-btn{background:linear-gradient(45deg,#ff9800,#ffb74d);color:#fff}.activity-btn{background:linear-gradient(45deg,#e91e63,#ec407a);color:#fff}.experiment-btn{background:linear-gradient(45deg,#9c27b0,#ba68c8);color:#fff}.play-btn:hover,.interactive-btn:hover,.activity-btn:hover,.experiment-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.quiz-container{padding:20px}.question-section{margin-bottom:30px}.question-count{color:#666;font-size:1.1em;margin-bottom:15px}.question-text{font-size:1.4em;font-weight:600;color:#333;line-height:1.4}.answer-section{display:grid;grid-template-columns:1fr 1fr;gap:15px}.answer-btn{padding:20px;border:2px solid #e0e0e0;border-radius:15px;background:#fff;font-size:1.1em;font-weight:500;cursor:pointer;transition:all .3s ease}.answer-btn:hover{border-color:#4caf50;background:#f8fff8;transform:translateY(-2px)}.answer-btn:active{background:#4caf50;color:#fff}.score-section{text-align:center;padding:40px 20px}.score-section h2{color:#333;margin-bottom:20px}.score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(45deg,#4caf50,#8bc34a);display:flex;align-items:center;justify-content:center;margin:30px auto;color:#fff;font-size:1.8em;font-weight:700;box-shadow:0 8px 25px #4caf5066}.quiz-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.retry-btn,.back-btn,.certificate-btn{padding:15px 30px;border:none;border-radius:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn{background:linear-gradient(45deg,#2196f3,#21cbf3);color:#fff}.back-btn{background:linear-gradient(45deg,#666,#999);color:#fff}.certificate-btn{background:linear-gradient(45deg,#ff9800,#ffb74d);color:#fff}.retry-btn:hover,.back-btn:hover,.certificate-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.certificate-container{text-align:center;padding:40px 20px}.certificate{background:linear-gradient(135deg,#fdfcfb,#e2d1c3);border:20px solid #8B4513;border-radius:20px;padding:40px;margin:30px auto;max-width:600px;box-shadow:0 20px 40px #0000004d}.certificate h2{color:#8b4513;font-size:2.5em;margin-bottom:30px;text-decoration:underline}.certificate-content h3{color:#333;font-size:2em;margin:20px 0}.score-display{background:gold;padding:15px;border-radius:10px;font-size:1.2em;font-weight:600;margin:20px 0;display:inline-block}.badges-earned{margin:30px 0}.badges-list{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:15px}.badge-item{display:flex;flex-direction:column;align-items:center;background:#fff;padding:15px;border-radius:15px;box-shadow:0 5px 15px #0000001a}.badge-icon{font-size:2em;margin-bottom:5px}.certificate-footer{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:2px solid #8B4513}.signature{font-weight:600;color:#333}.date{color:#666}.activities-section{background:#fffffff2;border-radius:20px;padding:25px;box-shadow:0 10px 30px #00000026}.activities-section h2{color:#333;margin-bottom:25px;text-align:center;font-size:2em}.activities{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.activity{background:#fff;padding:25px;border-radius:15px;text-align:center;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;border-top:5px solid #4CAF50}.activity:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.activity-icon{font-size:3em;margin-bottom:15px;display:block}.activity h3{color:#333;margin-bottom:10px}.activity p{color:#666;line-height:1.5}.badge-notification{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.badge-popup{background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 40px #0000004d;animation:scaleIn .3s ease}.badge-icon{font-size:4em;margin-bottom:20px}.badge-popup h3{color:#333;margin-bottom:15px;font-size:1.8em}.badge-popup p{color:#666;margin-bottom:10px;font-size:1.1em}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 1024px){.learning-container{flex-direction:column}.subjects-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center}.subject-item{width:200px}}@media (max-width: 768px){.header-top{flex-direction:column;gap:20px;text-align:center}.topic-navigation{flex-direction:column;gap:20px}.topic-buttons{flex-wrap:wrap;justify-content:center}.answer-section{grid-template-columns:1fr}.quiz-actions{flex-direction:column;align-items:center}.activities{grid-template-columns:1fr}}@media (max-width: 480px){.std-header h1{font-size:1.8em}.subject-btn{padding:15px;font-size:1em}.topic-btn{padding:12px 15px;min-width:80px}.certificate{padding:20px;border-width:10px}.certificate h2{font-size:2em}}.about-us-container{font-family:Arial,sans-serif;line-height:1.6;color:#333;max-width:1200px;margin:0 auto;padding:0 20px}.about-header{text-align:center;padding:40px 0;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border-radius:0 0 20px 20px;margin-bottom:30px}.about-header h1{font-size:2.5rem;margin-bottom:10px}.about-header p{font-size:1.2rem;opacity:.9}.about-content{padding:20px 0}.about-content section{margin-bottom:50px}.about-content h2{color:#4a4a4a;border-bottom:2px solid #6a11cb;padding-bottom:10px;margin-bottom:20px}.intro-section p{font-size:1.1rem;text-align:justify}.programs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.program-card{background-color:#f9f9f9;border-radius:10px;padding:20px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.program-card:hover{transform:translateY(-5px)}.program-card h3{color:#6a11cb;margin-bottom:10px}.program-card ul{margin-top:15px;padding-left:20px}.program-card li{margin-bottom:8px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.team-member{text-align:center;padding:20px;background-color:#f0f0f0;border-radius:10px;box-shadow:0 4px 6px #0000001a}.team-member h3{color:#6a11cb;margin-bottom:5px}.client-info{background-color:#eef5ff;padding:20px;border-radius:10px;margin-top:20px}.contact-section{background-color:#f9f9f9;padding:30px;border-radius:10px}.contact-info{margin-top:20px}.email-contact{margin-top:15px;font-size:1.1rem}.email-contact a{color:#6a11cb;text-decoration:none;margin-left:10px}.email-contact a:hover{text-decoration:underline}.about-footer{text-align:center;padding:20px 0;margin-top:50px;border-top:1px solid #ddd;color:#777}@media (max-width: 768px){.about-header h1{font-size:2rem}.about-header p{font-size:1rem}.programs-grid,.team-grid{grid-template-columns:1fr}.contact-section{padding:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Sans MS,Chalkboard SE,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;line-height:1.6;min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%}header{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;padding:1rem 0;box-shadow:0 2px 10px #0000001a}footer{background:linear-gradient(135deg,#2575fc,#6a11cb);color:#fff;text-align:center;padding:1rem;margin-top:auto}.btn{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.btn:active{transform:translateY(0)}.card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;margin:15px 0}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px 0}.page-heading{text-align:center;margin:20px 0;color:#6a11cb;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.page-subheading{text-align:center;margin-bottom:30px;color:#2575fc;font-size:1.2rem}.interactive-item{background:#fff;border-radius:12px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000001a}.interactive-item:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000026}.letter,.number{font-size:3rem;font-weight:700;color:#6a11cb;margin-bottom:10px}.shape{width:100px;height:100px;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.bounce{animation:bounce 1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in{animation:slideIn .5s ease-out}@media (max-width: 768px){.page-heading{font-size:2rem}.page-subheading{font-size:1rem}.grid-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.letter,.number{font-size:2.5rem}.shape{width:80px;height:80px}}@media (max-width: 480px){main{padding:10px}.grid-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.card{padding:15px}.btn{padding:8px 16px;font-size:.9rem}}.educational-content{background:#ffffffe6;border-radius:15px;padding:20px;margin:20px 0;box-shadow:0 4px 15px #0000001a}.highlight{background:linear-gradient(120deg,#84fab0,#8fd3f4);padding:2px 6px;border-radius:4px;font-weight:700}.spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #6a11cb;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2575fc,#6a11cb)}button:focus,a:focus,input:focus{outline:2px solid #6a11cb;outline-offset:2px}@media print{.btn,.menu-toggle,.sound-toggle{display:none!important}.card{box-shadow:none;border:1px solid #ddd}body{background:#fff;color:#000}}