:root{--color-primary: #237FFF;--color-accent: #FBA400;--color-bg: #f9f9f9;--color-text: #1a1a1a;--color-muted: #666;--radius-lg: 1.5rem;--radius-md: .75rem;--transition: .3s ease;--shadow-soft: 0 4px 10px rgba(0, 0, 0, .1);--max-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;scroll-behavior:smooth}.site-header{background:linear-gradient(90deg,var(--color-primary),#3d8eff);color:#fff;padding:1.2rem 2rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft);position:sticky;top:0;z-index:100}@media (max-width: 600px){.site-header{padding:.8rem 1.2rem}.logo{width:60px;height:60px}}.logo-container{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit}.logo{width:85px;height:85px;border-radius:50%;object-fit:cover;box-shadow:0 4px 10px #ffffff4d;transition:transform var(--transition)}.logo:hover{transform:scale(1.07)}.site-title{font-size:2.2rem;font-weight:800;color:var(--color-accent);letter-spacing:-.5px}.site-slogan{font-size:1rem;color:#ffffffe6;margin-top:.2rem}.hero{position:relative;background:linear-gradient(135deg,#237fff,#5aa4ff,#f9f9f9);color:#fff;text-align:center;padding:5rem 1.5rem;border-bottom-left-radius:3rem;border-bottom-right-radius:3rem;box-shadow:0 8px 20px #0000001a;animation:heroFloat 6s ease-in-out infinite alternate}.hero-content{position:relative;z-index:1}.hero-content h1{font-size:2.8rem;font-weight:800;margin-bottom:1rem}.hero-content p{max-width:650px;margin:0 auto 2rem;font-size:1.2rem;color:#ffffffe6}.hero-btn{background:var(--color-accent);color:#fff;font-size:1.1rem;font-weight:600;border-radius:9999px;padding:.9rem 2rem;box-shadow:0 4px 10px #0003;transition:all var(--transition)}.hero-btn:hover{background:#fff;color:var(--color-primary)}@media (max-width: 600px){.hero{padding:3rem 1rem 3.5rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}}.theme-hero{position:relative;background:linear-gradient(135deg,#237fff,#5aa4ff 60%,#e8f0ff);color:#fff;text-align:center;padding:4rem 1.5rem 5rem;border-bottom-left-radius:3rem;border-bottom-right-radius:3rem;box-shadow:0 8px 20px #0000001a;animation:heroFloat 6s ease-in-out infinite alternate}.theme-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0003,#0000001a 40%,#fff0 70%);border-bottom-left-radius:3rem;border-bottom-right-radius:3rem;z-index:0}.theme-hero .hero-content{position:relative;z-index:1;animation:fadeInUp .6s ease-out}.theme-hero .hero-content h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.theme-hero .hero-content p{max-width:650px;margin:0 auto 2rem;font-size:1.15rem;color:#ffffffeb}@keyframes heroFloat{0%{transform:translateY(0)}to{transform:translateY(10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes badgePop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1.1)}}@media (max-width: 600px){.theme-hero{padding:2.8rem 1rem 3rem}.theme-hero .hero-content h1{font-size:1.9rem}.theme-hero .hero-content p{font-size:1rem}}.container{width:min(var(--max-width),90%);margin:0 auto;padding:2rem 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem;margin-top:1.5rem}.modern-card{backdrop-filter:blur(8px);background:#fffc;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:1.5rem 1rem;text-align:center;font-weight:600;text-decoration:none;color:var(--color-primary);box-shadow:0 6px 12px #0000000d;transition:all var(--transition)}.modern-card:hover{transform:translateY(-6px) scale(1.03);background:var(--color-primary);color:var(--color-accent);box-shadow:0 10px 20px #237fff4d}.modern-card:hover span{display:inline-block;transform:scale(1.2) rotate(5deg);transition:transform .3s ease}.theme-section:nth-of-type(1) .modern-card{background:#e6f3ffe6}.theme-section:nth-of-type(2) .modern-card{background:#d2e6ffe6}.theme-section:nth-of-type(3) .modern-card{background:#bedcffe6}.theme-section{margin-top:4rem}.decorated-title{text-align:center;font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem}.footer{text-align:center;margin:4rem 0 2rem;font-size:.9rem;color:var(--color-muted)}.footer a{color:inherit;text-decoration:none}.footer img{vertical-align:middle;margin-right:.5rem}@media (max-width: 600px){.logo{width:65px;height:65px}.site-title{font-size:1.8rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.card-grid{gap:.8rem}}.lesson-block{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;gap:2rem;margin-top:4rem;background:#ffffffd9;border-radius:var(--radius-lg);padding:1.5rem 2rem;box-shadow:var(--shadow-soft);transition:transform .3s ease,box-shadow .3s ease}.lesson-block:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000001a}.video-container{flex:1 1 55%;display:flex;align-items:center;justify-content:center}.video-container iframe{width:100%;height:auto;aspect-ratio:16 / 9;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a}.quiz-area{flex:1 1 40%;background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 1024px){.lesson-block{display:flex;flex-direction:column!important;align-items:stretch!important;padding:1rem}.video-container,.quiz-area{width:100%!important;max-width:100%!important;flex:none!important}.quiz-area{margin-top:1.5rem!important}.video-container iframe{width:100%!important;height:auto!important;aspect-ratio:16 / 9}}.quiz-intro{background:#237fff14;border-left:4px solid var(--color-primary);padding:.8rem 1rem;border-radius:var(--radius-md);font-size:.95rem;color:var(--color-primary);margin-bottom:.3rem;font-weight:500}.quiz-goal{background:#fba4001a;border-left:4px solid var(--color-accent);padding:.6rem 1rem;border-radius:var(--radius-md);font-size:.9rem;color:var(--color-accent);margin-bottom:1rem;font-weight:600}.quiz-header{display:flex;justify-content:space-between;margin-bottom:.8rem;font-weight:600;color:var(--color-primary)}.quiz-header .progress:before{content:"📊 "}.quiz-header .score:before{content:"⭐ "}.quiz-choices{display:flex;flex-direction:column;gap:.8rem}.quiz-choice{background:#f7faff;border:2px solid transparent;border-radius:var(--radius-md);padding:.6rem 1rem;font-size:1rem;text-align:left;cursor:pointer;transition:all var(--transition);font-weight:500}.quiz-choice:hover{background:#e9f1ff}.quiz-choice.correct{background:#c4f0c4;border-color:#3bb73b;animation:popCorrect .3s ease-out}.quiz-choice.wrong{background:#f7c2c2;border-color:#e63939;animation:shakeWrong .3s ease-in-out}.quiz-results{text-align:center;animation:fadeInUp .4s ease-out}.quiz-results .perfect{color:var(--color-accent);font-weight:600}@keyframes popCorrect{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes shakeWrong{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.lesson-header{text-align:center;max-width:700px;margin-left:auto;margin-right:auto;margin-top:3rem;margin-bottom:0rem}.lesson-title{font-size:1.8rem;font-weight:700;color:var(--color-primary);margin-bottom:.4rem}.lesson-intro{font-size:1.05rem;color:#000000b3;line-height:1.5;margin:0}.badges-section{text-align:center;margin:3rem 0 2rem}.badges-grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.badges-hint{font-size:.9rem;color:var(--color-muted);margin-top:.5rem}.badge{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:2rem;padding:.4rem 1rem;font-weight:600;font-size:.95rem;border:2px solid rgba(255,255,255,.25);background:#ffffff26;color:#fff9;opacity:.7;filter:grayscale(1);transition:all var(--transition)}.badge.unlocked{background:var(--color-accent);border-color:var(--color-accent);color:#fff;opacity:1;filter:none;text-decoration:none}.badge.unlocked:after{content:" ✅";font-size:1rem;color:#fff}.badges-hero{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}.badges-hero .badge{background:#ffffffd9;color:#237fff80;border:2px solid rgba(35,127,255,.3);border-radius:var(--radius-lg);padding:.6rem 1.2rem;font-weight:600;font-size:.95rem;box-shadow:var(--shadow-soft);filter:grayscale(1);opacity:.8;transition:background .3s ease,border-color .3s ease,color .3s ease}.badges-hero .badge.unlocked{background:var(--color-accent);color:#fff;border-color:var(--color-accent);filter:none;text-decoration:none;opacity:1}.badges-hero .badge.unlocked:after{content:" ✅";font-size:1rem;color:#fff}.cards-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin:2rem auto;width:100%;max-width:1200px}.resource-card{background:#fff;border-radius:16px;box-shadow:0 3px 8px #00000014;padding:1.5rem;text-align:center;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.resource-card:hover{transform:translateY(-5px);box-shadow:0 6px 14px #0000001a}.resource-card img{width:90px;height:90px;object-fit:contain;margin-bottom:1rem;transition:transform .3s}.resource-card:hover img{transform:scale(1.05)}.resource-card h3{margin:.5rem 0;font-size:1.2rem;color:var(--primary-color, #333)}.resource-card p{color:#666;font-size:.95rem;line-height:1.4}.center{text-align:center}.intro{color:#444;font-size:1rem;margin-bottom:2rem}.game-block{align-items:stretch}.game-area{flex:1 1 60%;background:#fff;border-radius:var(--radius-lg);padding:1rem 1.25rem 1.25rem;box-shadow:0 6px 16px #00000014;display:flex;flex-direction:column;gap:1rem}.game-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.player-box{display:flex;gap:.5rem;align-items:center}.player-box input{border:2px solid rgba(35,127,255,.25);border-radius:9999px;padding:.5rem .9rem;outline:none;min-width:180px;transition:border-color .2s ease,box-shadow .2s ease}.player-box input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #237fff26}@keyframes shakeWrong{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shake{animation:shakeWrong .3s}.btn-primary,.btn-secondary{border:none;border-radius:9999px;padding:.6rem 1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary{background:linear-gradient(90deg,#237fff,#5aa4ff);color:#fff;box-shadow:0 6px 14px #237fff4d}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{background:linear-gradient(90deg,#fba400,#ffc24d);color:#fff;box-shadow:0 6px 14px #fba4004d}.btn-secondary:hover{transform:translateY(-2px)}.stats-box{display:flex;gap:1rem}.stat-item{background:#237fff0f;border:1px solid rgba(35,127,255,.15);border-radius:var(--radius-md);padding:.4rem .7rem;text-align:center}.stat-item span{display:block;font-size:.8rem;color:var(--color-muted)}.stat-item strong{font-size:1.1rem;color:var(--color-primary)}.timer{position:relative;height:12px;background:#eef4ff;border-radius:9999px;overflow:hidden;box-shadow:inset 0 1px 3px #0000000f}.timer-bar{height:100%;width:100%;background:linear-gradient(90deg,#00d4ff,#237fff);transition:width 1s linear}.question-card{background:#fdfdff;border:1px solid rgba(35,127,255,.12);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-soft)}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-top:.8rem}.choice-btn{background:#f7faff;border:2px solid transparent;border-radius:var(--radius-md);padding:.7rem .8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.choice-btn:hover{background:#e9f1ff}.choice-btn.correct{background:#c8f8c8;border-color:#38a169}.choice-btn.wrong{background:#ffd2d2;border-color:#e53e3e}.feedback{margin-top:.6rem;min-height:1.4rem;font-weight:600}.feedback.good{color:#2f855a}.feedback.bad{color:#c53030}.results.hidden{display:none}.results{text-align:center}.results .final-score{font-size:1.1rem;margin:.6rem 0 1rem}.leaderboard{flex:1 1 35%;background:linear-gradient(180deg,#237fff14,#fba4000f);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-lg);padding:1rem 1.25rem;box-shadow:0 8px 16px #0000000f}.leaderboard h3{margin-bottom:.6rem}.lb-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.lb-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);padding:.45rem .7rem;box-shadow:0 2px 6px #0000000a}.lb-item .medal{font-size:1.2rem;width:2rem}.lb-item .name{font-weight:700;color:var(--color-primary)}.lb-item .points{font-weight:800;color:var(--color-accent)}@media (max-width: 1024px){.choices{grid-template-columns:1fr}}#minimaths-bot-widget{position:fixed;right:24px;bottom:24px;z-index:9999;width:350px;height:410px;box-shadow:0 6px 32px #0003;border-radius:14px;overflow:hidden;background:#fafafd;border:1px solid #ededed;transition:transform .3s ease,opacity .3s ease}#minimaths-bot-close{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#ff5c63;color:#fff;font-size:20px;border:none;border-radius:50%;cursor:pointer;z-index:10000;line-height:1;text-align:center;padding:0;user-select:none}#minimaths-bot-widget iframe{width:100%;height:100%;border:none;display:block;background:transparent}@media screen and (max-width: 900px){#minimaths-bot-widget{display:none!important}}