@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap";:root{--magic-purple:#6c3483;--magic-purple-light:#9b59b6;--magic-blue:#2980b9;--magic-blue-light:#5dade2;--magic-gold:#f39c12;--magic-gold-light:#f7dc6f;--magic-green:#27ae60;--magic-green-light:#58d68d;--magic-red:#e74c3c;--magic-pink:#e91e63;--magic-orange:#ff6b35;--magic-teal:#4ecdc4;--bg-dark:#1a1033;--bg-medium:#2d1b4e;--bg-light:#3d2a5c;--bg-card:#432e6a;--text-primary:#fff;--text-secondary:#c8b8db;--text-muted:#8b7ba3;--shadow-glow:0 0 20px #9b59b64d;--shadow-card:0 8px 32px #0000004d;--border-radius:16px;--border-radius-sm:10px;--border-radius-lg:24px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-primary);min-height:100vh;font-family:Nunito,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(2px 2px at 20% 30%,#fffc,#0000),radial-gradient(2px 2px at 40% 70%,#fff9,#0000),radial-gradient(1px 1px at 60% 20%,#ffffffb3,#0000),radial-gradient(2px 2px at 80%,#ffffff80,#0000),radial-gradient(1px 1px at 10% 80%,#fff9,#0000),radial-gradient(1px 1px at 90% 10%,#fff6,#0000),radial-gradient(2px 2px,#9b59b666,#0000),radial-gradient(1px 1px at 30% 90%,#ffffff4d,#0000);width:100%;height:100%;animation:4s ease-in-out infinite alternate twinkle;position:fixed;top:0;left:0}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}#root{z-index:1;position:relative}h1,h2,h3,h4{letter-spacing:.5px;font-family:Fredoka One,cursive}a{color:inherit;text-decoration:none}.navbar{background:linear-gradient(135deg, var(--bg-medium), var(--bg-light));z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid #9b59b64d;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.navbar-brand{color:var(--text-primary);align-items:center;gap:12px;text-decoration:none;display:flex}.navbar-logo{font-size:2rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.navbar-title{background:linear-gradient(135deg, var(--magic-gold), var(--magic-purple-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Fredoka One,cursive;font-size:1.3rem}.navbar-nav{align-items:center;gap:8px;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--border-radius-sm);padding:8px 16px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#9b59b633}.lang-selector{gap:4px;margin-left:16px;display:flex}.lang-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff1a;border:2px solid #0000;border-radius:8px;padding:4px 10px;font-size:.8rem;font-weight:700;transition:all .3s}.lang-btn:hover{color:#fff;background:#9b59b64d}.lang-btn.active{background:var(--magic-purple);color:#fff;border-color:var(--magic-gold)}.user-nav-info{color:var(--magic-gold);background:#f39c1226;border-radius:20px;align-items:center;gap:8px;margin-left:12px;padding:4px 12px;font-size:.85rem;font-weight:700;display:flex}.logout-btn{color:var(--magic-red);cursor:pointer;background:#e74c3c33;border:none;border-radius:8px;margin-left:8px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .3s}.logout-btn:hover{background:#e74c3c66}.auth-page{justify-content:center;align-items:center;min-height:80vh;padding:24px;display:flex}.auth-card{background:linear-gradient(135deg, var(--bg-medium), var(--bg-card));border-radius:var(--border-radius-lg);text-align:center;border:2px solid #9b59b64d;width:100%;max-width:420px;padding:40px}.auth-card h2{color:var(--magic-gold-light);margin-bottom:8px;font-size:1.5rem}.auth-card .auth-mascot{margin-bottom:12px;font-size:3rem}.auth-card p{color:var(--text-secondary);margin-bottom:20px}.auth-input{border-radius:var(--border-radius-sm);color:#fff;background:#ffffff14;border:2px solid #9b59b64d;outline:none;width:100%;margin-bottom:12px;padding:12px 16px;font-family:Nunito,sans-serif;font-size:1rem}.auth-input:focus{border-color:var(--magic-purple-light);box-shadow:0 0 10px #9b59b64d}.auth-btn{background:linear-gradient(135deg, var(--magic-purple), var(--magic-blue));color:#fff;cursor:pointer;border:none;border-radius:50px;width:100%;margin-top:8px;padding:12px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;transition:all .3s}.auth-btn:hover{transform:scale(1.03);box-shadow:0 4px 15px #9b59b666}.auth-error{color:#ff7675;border-radius:var(--border-radius-sm);background:#e74c3c26;border:1px solid #e74c3c4d;margin-bottom:12px;padding:10px;font-size:.9rem;font-weight:600}.auth-switch{color:var(--text-muted);margin-top:16px;font-size:.9rem}.auth-switch a,.auth-switch button{color:var(--magic-blue-light);cursor:pointer;background:0 0;border:none;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:700;text-decoration:underline}.parent-gate-box{border-radius:var(--border-radius-sm);background:#f39c121a;border:1px solid #f39c124d;margin-bottom:16px;padding:16px}.parent-gate-box label{color:var(--magic-gold);margin-bottom:8px;font-size:.95rem;font-weight:700;display:block}.hero{text-align:center;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);background:linear-gradient(135deg,#6c348366,#2980b94d);margin-bottom:40px;padding:60px 24px;position:relative;overflow:hidden}.hero:after{content:"🤖🐱🧑‍✈️🔮⭐🌙✨💻";letter-spacing:20px;opacity:.3;font-size:2rem;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.hero h1{background:linear-gradient(135deg, var(--magic-gold-light), var(--magic-gold), var(--magic-orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:2.5rem}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto 24px;font-size:1.2rem;line-height:1.6}.hero-mascots{letter-spacing:16px;margin-bottom:20px;font-size:3rem}.hero-btn{background:linear-gradient(135deg, var(--magic-purple), var(--magic-blue));color:#fff;cursor:pointer;border:none;border-radius:50px;padding:14px 32px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;animation:2s ease-in-out infinite pulse-btn;display:inline-block;box-shadow:0 4px 15px #9b59b666}@keyframes pulse-btn{0%,to{box-shadow:0 4px 15px #9b59b666}50%{box-shadow:0 4px 25px #9b59b6b3}}.hero-btn:hover{transform:translateY(-3px)scale(1.05)}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1100px;margin:0 auto 40px;padding:0 24px;display:grid}.feature-card{background:linear-gradient(135deg, var(--bg-card), var(--bg-light));border-radius:var(--border-radius);text-align:center;border:1px solid #9b59b633;padding:24px;transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-glow);border-color:var(--magic-purple-light);transform:translateY(-5px)}.feature-icon{margin-bottom:12px;font-size:2.5rem}.feature-card h3{color:var(--magic-gold-light);margin-bottom:8px;font-size:1.1rem}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.page-container{max-width:1100px;margin:0 auto;padding:24px}.page-title{text-align:center;background:linear-gradient(135deg, var(--magic-gold-light), var(--magic-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:32px;font-size:2rem}.curriculum-map{flex-direction:column;gap:20px;display:flex;position:relative}.curriculum-map:before{content:"";background:linear-gradient(to bottom, var(--magic-purple), var(--magic-blue), var(--magic-teal));opacity:.3;border-radius:3px;width:3px;position:absolute;top:0;bottom:0;left:32px}.module-card{background:var(--bg-card);border-radius:var(--border-radius);cursor:pointer;border:2px solid #9b59b633;padding:20px 20px 20px 70px;transition:all .3s;position:relative}.module-card:hover:not(.module-locked){border-color:var(--magic-purple-light);box-shadow:var(--shadow-glow);transform:translate(5px)}.module-card.module-locked{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.module-card.module-completed{border-color:var(--magic-green)}.curriculum-category{margin-bottom:36px}.category-title{border-bottom:2px solid #9b59b647;align-items:center;gap:10px;margin:8px 0 16px;padding-bottom:10px;font-size:1.35rem;font-weight:700;display:flex}.category-icon{font-size:1.5rem}.category-count{color:var(--magic-purple-light);background:#9b59b62e;border-radius:999px;margin-left:auto;padding:3px 11px;font-size:.8rem;font-weight:700}.curriculum-category .curriculum-map:before{display:none}.curriculum-category .module-card{padding-left:20px}.module-number{background:linear-gradient(135deg, var(--magic-purple), var(--magic-blue));z-index:2;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:800;display:flex;position:absolute;top:20px;left:16px}.module-card.module-completed .module-number{background:linear-gradient(135deg, var(--magic-green), var(--magic-teal))}.module-card.module-locked .module-number{background:#ffffff26}.module-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.module-icon{font-size:2rem}.module-title{color:var(--magic-gold-light);font-size:1.15rem}.module-desc{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem}.module-meta{color:var(--text-muted);gap:16px;font-size:.85rem;display:flex}.module-meta span{align-items:center;gap:4px;display:flex}.module-status-badge{border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.module-status-badge.completed{color:var(--magic-green-light);background:#27ae6033}.module-status-badge.unlocked{color:var(--magic-purple-light);background:#9b59b633}.module-status-badge.locked{color:var(--text-muted);background:#ffffff1a}.module-detail-header{border-radius:var(--border-radius-lg);text-align:center;background:linear-gradient(135deg,#6c348366,#2980b94d);margin-bottom:24px;padding:32px}.module-detail-header .module-icon{margin-bottom:8px;font-size:3rem}.module-detail-header h2{color:var(--magic-gold-light);margin-bottom:8px}.module-detail-header p{color:var(--text-secondary)}.module-sections{flex-direction:column;gap:16px;display:flex}.section-title{color:var(--magic-blue-light);align-items:center;gap:8px;margin:16px 0 8px;font-size:1.2rem;display:flex}.lesson-list{flex-direction:column;gap:8px;display:flex}.lesson-item{border-radius:var(--border-radius-sm);cursor:pointer;color:var(--text-primary);background:#ffffff0d;border:1px solid #0000;justify-content:space-between;align-items:center;padding:14px 18px;text-decoration:none;transition:all .3s;display:flex}.lesson-item:hover{background:#9b59b633;border-color:#9b59b64d}.lesson-item.completed{border-left:3px solid var(--magic-green)}.lesson-item .lesson-info{align-items:center;gap:10px;display:flex}.lesson-item .lesson-mascot{font-size:1.3rem}.lesson-xp{color:var(--magic-gold);font-size:.85rem;font-weight:700}.lesson-check{color:var(--magic-green);font-size:1.1rem}.activity-item{border-radius:var(--border-radius-sm);cursor:pointer;color:var(--text-primary);background:#4ecdc414;border:1px solid #4ecdc433;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .3s;display:flex}.activity-item:hover{background:#4ecdc426}.activity-item.completed{border-left:3px solid var(--magic-teal)}.quiz-start-btn{background:linear-gradient(135deg, var(--magic-gold), var(--magic-orange));color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;margin-top:8px;padding:12px 24px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.quiz-start-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #f39c1266}.lesson-page{max-width:800px;margin:0 auto;padding:24px}.lesson-story-box{border-radius:var(--border-radius);background:linear-gradient(135deg,#f39c121a,#9b59b61a);border:1px solid #f39c124d;margin-bottom:24px;padding:20px;position:relative}.lesson-story-box .story-mascot{margin-right:8px;font-size:2rem}.lesson-story-box .story-label{color:var(--magic-gold);margin-bottom:4px;font-size:.85rem;font-weight:700}.lesson-story-box p{color:var(--text-secondary);font-style:italic;line-height:1.6}.lesson-content{background:var(--bg-card);border-radius:var(--border-radius);margin-bottom:24px;padding:32px;line-height:1.8}.lesson-content h2{color:var(--magic-gold-light);margin-bottom:16px;font-size:1.6rem}.lesson-content h3{color:var(--magic-blue-light);margin:24px 0 12px;font-size:1.2rem}.lesson-content p{color:var(--text-secondary);margin-bottom:12px}.lesson-content ul,.lesson-content ol{margin-bottom:16px;padding-left:24px}.lesson-content li{color:var(--text-secondary);margin-bottom:8px}.lesson-content strong{color:var(--text-primary)}.lesson-content em{color:var(--magic-teal)}.lesson-content pre{border-radius:var(--border-radius-sm);border-left:3px solid var(--magic-purple);background:#0000004d;margin:16px 0;padding:16px;overflow-x:auto}.lesson-content code{color:var(--magic-green-light);font-size:.95rem}.word-of-day{border-radius:var(--border-radius-sm);background:linear-gradient(135deg,#2980b926,#4ecdc426);border:1px solid #2980b94d;margin:16px 0;padding:16px}.word-of-day .word-label{color:var(--magic-blue-light);font-size:.85rem;font-weight:700}.word-of-day .word-term{color:var(--magic-gold);margin:4px 0;font-size:1.1rem;font-weight:800}.word-of-day .word-def{color:var(--text-secondary);font-size:.9rem}.lesson-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson-nav-btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-back{color:var(--text-secondary);background:#ffffff1a}.btn-next{background:linear-gradient(135deg, var(--magic-purple), var(--magic-blue));color:#fff}.btn-complete{background:linear-gradient(135deg, var(--magic-green), var(--magic-teal));color:#fff}.btn-back:hover,.btn-next:hover,.btn-complete:hover{transform:scale(1.05)}.xp-earned{color:var(--magic-gold);background:#f39c1226;border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-weight:700;animation:.5s pop;display:inline-flex}@keyframes pop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.quiz-container{max-width:700px;margin:0 auto;padding:24px}.quiz-header{text-align:center;margin-bottom:24px}.quiz-progress{background:#ffffff1a;border-radius:20px;height:12px;margin:16px 0;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg, var(--magic-purple), var(--magic-blue), var(--magic-teal));border-radius:20px;height:100%;transition:width .5s}.quiz-question{background:var(--bg-card);border-radius:var(--border-radius);text-align:center;padding:32px}.quiz-question h3{color:var(--text-primary);margin-bottom:24px;font-size:1.3rem;line-height:1.5}.quiz-options{flex-direction:column;gap:12px;display:flex}.quiz-option{border-radius:var(--border-radius-sm);text-align:left;color:var(--text-primary);cursor:pointer;background:#ffffff14;border:2px solid #ffffff1a;padding:14px 20px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;transition:all .3s}.quiz-option:hover:not(.selected):not(.disabled){border-color:var(--magic-purple-light);background:#9b59b633;transform:translate(5px)}.quiz-option.correct{animation:.5s correct-bounce;border-color:var(--magic-green)!important;background:#27ae6033!important}@keyframes correct-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.quiz-option.incorrect{animation:.5s shake;border-color:var(--magic-red)!important;background:#e74c3c33!important}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.quiz-option.disabled{pointer-events:none;opacity:.7}.quiz-feedback{border-radius:var(--border-radius-sm);text-align:center;margin-top:16px;padding:16px;font-weight:700;animation:.4s pop}.quiz-feedback.correct-feedback{color:var(--magic-green-light);background:#27ae6026;border:1px solid #27ae604d}.quiz-feedback.incorrect-feedback{color:#ff7675;background:#e74c3c26;border:1px solid #e74c3c4d}.quiz-next-btn{background:linear-gradient(135deg, var(--magic-purple), var(--magic-blue));color:#fff;cursor:pointer;border:none;border-radius:50px;margin-top:16px;padding:10px 24px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;transition:all .3s;display:inline-block}.quiz-next-btn:hover{transform:scale(1.05)}.quiz-results{text-align:center;padding:40px}.quiz-score-circle{background:linear-gradient(135deg, var(--magic-purple), var(--magic-blue));border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto 24px;animation:.6s pop;display:flex;box-shadow:0 0 30px #9b59b680}.quiz-score-number{font-family:Fredoka One,cursive;font-size:2.5rem}.quiz-score-label{color:#ffffffb3;font-size:.85rem}.quiz-message{margin-bottom:24px;font-size:1.3rem}.activity-page{max-width:800px;margin:0 auto;padding:24px}.activity-instruction{border-radius:var(--border-radius);text-align:center;color:var(--text-secondary);background:linear-gradient(135deg,#4ecdc41a,#9b59b61a);border:1px solid #4ecdc44d;margin-bottom:24px;padding:20px;font-size:1.05rem}.drag-drop-area{grid-template-columns:1fr 1fr;gap:24px;display:grid}.drag-items{background:var(--bg-card);border-radius:var(--border-radius);padding:20px}.drag-items h4{color:var(--magic-gold-light);text-align:center;margin-bottom:12px}.drag-item{border-radius:var(--border-radius-sm);cursor:grab;text-align:center;-webkit-user-select:none;user-select:none;background:#ffffff14;border:2px solid #9b59b64d;margin-bottom:8px;padding:10px 16px;font-weight:600;transition:all .3s}.drag-item:hover{border-color:var(--magic-purple-light);background:#9b59b626}.drag-item:active{cursor:grabbing;transform:scale(1.05)}.drag-item.dragging{opacity:.5}.drop-zones{flex-direction:column;gap:16px;display:flex}.drop-zone{background:var(--bg-card);border-radius:var(--border-radius);border:2px dashed #9b59b64d;min-height:100px;padding:16px;transition:all .3s}.drop-zone.drag-over{border-color:var(--magic-gold);background:#f39c121a}.drop-zone h4{color:var(--magic-blue-light);text-align:center;margin-bottom:8px;font-size:1rem}.drop-zone .dropped-item{cursor:pointer;background:#27ae6026;border:1px solid #27ae604d;border-radius:8px;margin:4px;padding:6px 12px;font-size:.9rem;font-weight:600;display:inline-block}.drop-zone .dropped-item:hover{background:#e74c3c26;border-color:#e74c3c4d}.matching-area{grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;display:grid}.match-column{flex-direction:column;gap:12px;display:flex}.match-item{border-radius:var(--border-radius-sm);cursor:pointer;text-align:center;background:#ffffff14;border:2px solid #9b59b64d;padding:12px 16px;font-weight:600;transition:all .3s}.match-item:hover{border-color:var(--magic-purple-light)}.match-item.selected{border-color:var(--magic-gold);background:#f39c1226}.match-item.matched{border-color:var(--magic-green);pointer-events:none;background:#27ae6026}.match-lines{color:var(--text-muted);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.quiz-visual-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.quiz-visual-card{background:var(--bg-card);border-radius:var(--border-radius);text-align:center;cursor:pointer;border:2px solid #9b59b633;padding:20px;transition:all .3s}.quiz-visual-card:hover{border-color:var(--magic-purple-light);transform:translateY(-3px)}.quiz-visual-card.selected-yes{border-color:var(--magic-green);background:#27ae6026}.quiz-visual-card.selected-no{border-color:var(--magic-red);background:#e74c3c1a}.quiz-visual-card .card-emoji{margin-bottom:8px;font-size:3rem}.quiz-visual-card .card-label{font-size:.95rem;font-weight:700}.activity-result{text-align:center;border-radius:var(--border-radius);margin-top:24px;padding:20px;animation:.5s pop}.activity-result.success{color:var(--magic-green-light);background:#27ae6026;border:1px solid #27ae604d}.activity-result.error{color:#ff7675;background:#e74c3c26;border:1px solid #e74c3c4d}.activity-check-btn{background:linear-gradient(135deg, var(--magic-teal), var(--magic-blue));color:#fff;cursor:pointer;border:none;border-radius:50px;margin-top:20px;padding:12px 28px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;transition:all .3s;display:inline-block}.activity-check-btn:hover{transform:scale(1.05)}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{background:linear-gradient(135deg, var(--bg-card), var(--bg-light));border-radius:var(--border-radius);text-align:center;border:1px solid #9b59b633;padding:20px}.stat-icon{margin-bottom:8px;font-size:2rem}.stat-value{color:var(--magic-gold);font-family:Fredoka One,cursive;font-size:2rem}.stat-label{color:var(--text-muted);font-size:.85rem}.xp-bar-container{background:var(--bg-card);border-radius:var(--border-radius);border:1px solid #9b59b633;margin-bottom:24px;padding:20px}.xp-bar-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.xp-bar{background:#ffffff1a;border-radius:20px;height:20px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--magic-purple), var(--magic-gold), var(--magic-orange));border-radius:20px;height:100%;transition:width 1s;position:relative}.xp-bar-fill:after{content:"✨";font-size:.8rem;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.badges-section{margin-bottom:32px}.badges-section h3{color:var(--magic-gold-light);margin-bottom:16px}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.badge-item{border-radius:var(--border-radius-sm);text-align:center;background:#ffffff0d;padding:16px;transition:all .3s}.badge-item.earned{background:linear-gradient(135deg,#f39c1226,#9b59b626);border:1px solid #f39c124d}.badge-item.locked{opacity:.4;filter:grayscale()}.badge-icon{margin-bottom:4px;font-size:2rem;display:block}.badge-name{color:var(--text-secondary);font-size:.75rem;font-weight:700}.progress-section{margin-bottom:32px}.progress-section h3{color:var(--magic-gold-light);margin-bottom:16px}.progress-module{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:10px 0;display:flex}.progress-module-icon{font-size:1.3rem}.progress-module-name{flex:1;font-size:.9rem;font-weight:600}.progress-bar-mini{background:#ffffff1a;border-radius:10px;flex:1;height:8px;overflow:hidden}.progress-bar-mini-fill{background:linear-gradient(90deg, var(--magic-purple), var(--magic-teal));border-radius:10px;height:100%;transition:width .5s}.progress-module-pct{color:var(--magic-gold);text-align:right;min-width:40px;font-size:.85rem;font-weight:700}.notification{background:linear-gradient(135deg, var(--magic-gold), var(--magic-orange));color:#fff;border-radius:var(--border-radius);z-index:200;max-width:320px;padding:16px 24px;font-weight:700;animation:.5s slideIn,.5s 2.5s forwards slideOut;position:fixed;top:80px;right:24px;box-shadow:0 8px 32px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.breadcrumb{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:.9rem;display:flex}.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:var(--magic-purple-light)}.breadcrumb span{color:var(--text-secondary)}.breadcrumb-sep{color:var(--text-muted)}.footer{text-align:center;color:var(--text-muted);border-top:1px solid #9b59b61a;margin-top:40px;padding:24px;font-size:.85rem}@media (width<=768px){.navbar{flex-wrap:wrap;gap:8px;padding:10px 16px}.navbar-title{font-size:1rem}.hero h1{font-size:1.8rem}.hero p{font-size:1rem}.page-container{padding:16px}.features,.dashboard-stats{grid-template-columns:repeat(2,1fr)}.lesson-content{padding:20px}.drag-drop-area,.matching-area{grid-template-columns:1fr}.quiz-visual-grid{grid-template-columns:repeat(2,1fr)}.curriculum-map:before{left:22px}.module-card{padding-left:56px}}@media (width<=480px){.features{grid-template-columns:1fr}.navbar-nav{gap:4px}.nav-link{padding:6px 10px;font-size:.85rem}.quiz-visual-grid{grid-template-columns:1fr}}.age-selector{text-align:center;margin-bottom:16px}.age-selector-label{color:var(--magic-blue-light);margin-bottom:10px;font-size:.95rem;font-weight:700;display:block}.age-group-options{justify-content:center;gap:8px;display:flex}.age-group-btn{border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:2px solid #9b59b633;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 8px;font-family:Nunito,sans-serif;transition:all .3s;display:flex}.age-group-btn:hover{border-color:var(--magic-purple-light);background:#9b59b61a}.age-group-btn.active{border-color:var(--magic-gold);color:var(--text-primary);background:#f39c1226}.age-group-icon{font-size:1.8rem}.age-group-label{font-size:.75rem;font-weight:700}.definition-box{border-radius:var(--border-radius-sm);margin:16px 0;padding:16px}.definition-box-kids{background:linear-gradient(135deg,#f39c121a,#4ecdc41a);border:1px solid #f39c1240}.definition-box-teens{background:#2980b91a;border:1px solid #2980b940}.definition-box-adults{border-left:3px solid var(--magic-blue-light);background:#ffffff0a}.definition-label{margin-bottom:6px;font-size:.85rem;font-weight:700}.definition-simple .definition-label{color:var(--magic-gold)}.definition-technical .definition-label{color:var(--magic-blue-light)}.definition-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6}body.theme-teens{--magic-purple:#6366f1;--magic-purple-light:#818cf8;--magic-blue:#3b82f6;--magic-blue-light:#60a5fa;--magic-gold:#f59e0b;--magic-gold-light:#fcd34d;--magic-green:#10b981;--magic-green-light:#34d399;--magic-teal:#06b6d4;--bg-dark:#0f172a;--bg-medium:#1e293b;--bg-light:#334155;--bg-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-glow:0 0 20px #6366f14d;--border-radius:12px;--border-radius-sm:8px;--border-radius-lg:16px;font-family:Nunito,sans-serif}body.theme-teens h1,body.theme-teens h2,body.theme-teens h3,body.theme-teens h4{font-family:Nunito,sans-serif;font-weight:800}body.theme-teens:before{opacity:.4;background:radial-gradient(1px 1px at 15% 25%,#6366f180,#0000),radial-gradient(1px 1px at 35% 65%,#3b82f666,#0000),radial-gradient(1px 1px at 55% 15%,#06b6d44d,#0000),radial-gradient(1px 1px at 75% 45%,#6366f14d,#0000),radial-gradient(1px 1px at 85% 75%,#3b82f633,#0000);animation:none}body.theme-teens .navbar{border-bottom:1px solid #6366f133}body.theme-teens .navbar-logo{animation:none}body.theme-teens .hero:after{content:"💻 🖥️ ⚡ 🔧 📱 🌐"}body.theme-teens .hero-btn{background:linear-gradient(135deg,#6366f1,#3b82f6);animation:none}body.theme-teens .stat-value,body.theme-teens .quiz-score-number{font-family:Nunito,sans-serif;font-weight:800}body.theme-teens .xp-bar-fill:after{content:"🔥"}body.theme-adults{--magic-purple:#7c3aed;--magic-purple-light:#a78bfa;--magic-blue:#2563eb;--magic-blue-light:#60a5fa;--magic-gold:#d97706;--magic-gold-light:#fbbf24;--magic-green:#059669;--magic-green-light:#34d399;--magic-teal:#0891b2;--bg-dark:#111827;--bg-medium:#1f2937;--bg-light:#374151;--bg-card:#1f2937;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--shadow-glow:0 0 15px #7c3aed33;--shadow-card:0 4px 16px #0003;--border-radius:8px;--border-radius-sm:6px;--border-radius-lg:12px;font-family:Nunito,sans-serif}body.theme-adults h1,body.theme-adults h2,body.theme-adults h3,body.theme-adults h4{letter-spacing:0;font-family:Nunito,sans-serif;font-weight:800}body.theme-adults:before{background:0 0;display:none}body.theme-adults .navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff14}body.theme-adults .navbar-logo{font-size:1.5rem;animation:none}body.theme-adults .hero{background:linear-gradient(135deg,#7c3aed33,#2563eb26);border-radius:0}body.theme-adults .hero:after{content:"";display:none}body.theme-adults .hero h1{background:linear-gradient(135deg,#f9fafb,#d1d5db);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.2rem}body.theme-adults .hero-btn{background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:8px;font-size:1rem;animation:none}body.theme-adults .hero-mascots{display:none}body.theme-adults .feature-card{border:1px solid #ffffff0f}body.theme-adults .feature-card:hover{box-shadow:0 4px 16px #0003}body.theme-adults .stat-value{font-family:Nunito,sans-serif;font-size:1.8rem;font-weight:800}body.theme-adults .quiz-score-number{font-family:Nunito,sans-serif;font-weight:800}body.theme-adults .xp-bar-fill:after{content:""}body.theme-adults .xp-bar-fill{background:linear-gradient(90deg,#7c3aed,#2563eb)}body.theme-adults .module-card:hover:not(.module-locked){border-color:var(--magic-purple-light);transform:none}body.theme-adults .page-title{background:linear-gradient(135deg,#f9fafb,#d1d5db);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem}body.theme-adults .lesson-story-box{display:none}body.theme-adults .curriculum-map:before{opacity:.15}.install-step{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin:12px 0;padding:16px 20px;position:relative}.install-step:before{content:"📸";background:var(--bg);padding:0 6px;font-size:.85rem;position:absolute;top:-10px;right:12px}.step-visual{text-align:center;letter-spacing:.5px;border:1px dashed var(--border);background:#0000004d;border-radius:8px;margin-bottom:10px;padding:12px 16px;font-family:Courier New,monospace;font-size:1.1rem}body.theme-teens .step-visual{background:#1e295280;border-color:#6366f14d}body.theme-adults .step-visual{background:#0f172a99;border-color:#64748b66;font-size:.95rem}body.theme-adults .install-step:before{display:none}.spec-table{border-collapse:collapse;width:100%;margin:16px 0;font-size:.9rem}.spec-table th,.spec-table td{border:1px solid var(--border);text-align:left;padding:8px 12px}.spec-table th{white-space:nowrap;background:#6366f133;font-weight:700}.spec-table tr:nth-child(2n){background:#0000001a}body.theme-teens .spec-table th{background:#6366f126}body.theme-adults .spec-table th{color:var(--text-primary);background:#64748b26}.lesson-content code{color:#a5f3fc;background:#0006;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:.88rem}body.theme-adults .lesson-content code{color:#93c5fd;background:#0f172a99}
/*$vite$:1*/