@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #fef9f0;--cream-dark: #fdf0dc;--plum: #1e1552;--plum-mid: #2d2073;--coral: #f97316;--teal: #0d9488;--purple: #7c3aed;--purple-dark: #6d28d9;--amber: #d97706;--pink: #ec4899;--blue: #3b82f6;--green: #16a34a;--green-light: #f0fdf4;--red: #dc2626;--text: #1e1b2e;--text-muted: #6b6585;--border: #ecdfc8;--white: #ffffff;--font: "Nunito", system-ui, sans-serif;--radius: 14px;--radius-lg: 20px;--shadow: 0 2px 8px rgba(30,21,82,.07), 0 6px 24px rgba(30,21,82,.06);--shadow-lg: 0 4px 16px rgba(30,21,82,.1), 0 16px 48px rgba(30,21,82,.08);--shadow-card: 0 2px 0 0 var(--border), 0 4px 20px rgba(30,21,82,.08)}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font);background:var(--cream);color:var(--text);line-height:1.65;min-height:100vh}h1,h2,h3,h4{text-wrap:balance;font-family:var(--font)}p{text-wrap:pretty}nav{background:linear-gradient(135deg,#1e1552,#2d1b69);position:sticky;top:0;z-index:100;box-shadow:0 2px 20px #1e15524d}.nav-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;flex-wrap:wrap}.nav-brand{color:#fff;font-weight:900;font-size:1rem;text-decoration:none;padding:1rem 1.25rem 1rem 0;margin-right:.75rem;display:flex;align-items:center;gap:.4rem;letter-spacing:-.01em;border-right:1px solid rgba(255,255,255,.15);white-space:nowrap}.nav-links{display:flex;flex-wrap:wrap;list-style:none}.nav-links li a,.nav-links li span{display:flex;align-items:center;gap:.35rem;padding:.9rem;color:#ffffffb3;text-decoration:none;font-size:.83rem;font-weight:700;transition:color .15s;white-space:nowrap;border-bottom:3px solid transparent;cursor:pointer}.nav-links li a:hover{color:#fff}.nav-links li a.active{color:#fff;border-bottom-color:#fb923c}.nav-links li span.locked{color:#ffffff4d;cursor:not-allowed}.nav-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.container{max-width:860px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.home-hero{background:linear-gradient(135deg,#1e1552,#2d1b69,#1e3a5c);min-height:340px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:4rem 2rem;text-align:center}.home-hero-letters{position:absolute;inset:0;pointer-events:none;user-select:none;overflow:hidden}.deco-letter{position:absolute;font-family:var(--font);font-weight:900;opacity:.08;color:#fff;line-height:1}.home-hero-content{position:relative;z-index:2}.home-hero-emoji{font-size:3rem;margin-bottom:.75rem;display:block}.home-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:#fff;letter-spacing:-.03em;margin-bottom:.75rem}.home-hero p{font-size:1.1rem;color:#ffffffbf;max-width:500px;margin:0 auto 1.5rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);color:#ffffffe0;border-radius:100px;padding:.4rem 1rem;font-size:.8rem;font-weight:800}.section-label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.25rem}.category-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-decoration:none;color:var(--text);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;cursor:pointer}.category-card:not(.locked-card):hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:var(--shadow-lg)}.category-card.locked-card{opacity:.5;cursor:not-allowed}.card-cover{height:90px;display:flex;align-items:center;justify-content:center;font-size:2.4rem;position:relative}.card-cover-1{background:linear-gradient(135deg,#f97316,#f59e0b)}.card-cover-2{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.card-cover-3{background:linear-gradient(135deg,#0d9488,#0891b2)}.card-cover-4{background:linear-gradient(135deg,#ec4899,#be185d)}.card-cover-5{background:linear-gradient(135deg,#f97316,#dc2626)}.card-cover-6{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.card-body{padding:1.1rem 1.25rem 1.25rem;flex:1;display:flex;flex-direction:column;gap:.3rem}.card-pill{display:inline-flex;align-items:center;background:var(--cream-dark);color:var(--text-muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-radius:100px;padding:.2rem .65rem;width:fit-content}.card-title{font-size:.93rem;font-weight:800;color:var(--plum);line-height:1.3}.card-status{font-size:.76rem;color:var(--text-muted);margin-top:auto;padding-top:.4rem}.card-status.done{color:var(--green);font-weight:700}.section-page-hero{background:linear-gradient(135deg,#1e1552,#2d1b69 60%,#1e3a5c);padding:2.5rem 2rem 3.5rem;position:relative;overflow:hidden;color:#fff}.section-page-hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:60px;background:var(--cream);clip-path:ellipse(55% 100% at 50% 100%)}.section-page-inner{max-width:860px;margin:0 auto;position:relative;z-index:1}.breadcrumb{font-size:.78rem;color:#ffffff8c;margin-bottom:.6rem;font-weight:600}.breadcrumb a{color:#ffffffbf;text-decoration:none}.breadcrumb a:hover{color:#fff}.section-page-hero h1{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:900;letter-spacing:-.025em}.module-tag{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff26;border:1px solid rgba(255,255,255,.22);color:#ffffffe6;border-radius:100px;padding:.3rem .85rem;font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem}.content-block{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.75rem 2rem;margin-bottom:1.5rem;border:1px solid var(--border)}.content-block h2{font-size:1.1rem;font-weight:800;color:var(--plum);margin-bottom:.85rem;display:flex;align-items:center;gap:.5rem}.content-block h2 .h2-line{flex:1;height:2px;background:linear-gradient(90deg,var(--cream-dark),transparent);border-radius:2px}.content-block p{margin-bottom:.85rem;line-height:1.75}.content-block p:last-child{margin-bottom:0}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:10px;margin-bottom:1.5rem;background:#000}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.how-to-box{background:#fffde7;border:2px solid #fdd835;border-radius:var(--radius);padding:1.4rem 1.6rem 1.4rem 1.8rem;margin-bottom:1.5rem;position:relative;box-shadow:4px 5px #fdd83559}.how-to-box:before{content:"📌";position:absolute;top:-.75rem;left:1.2rem;font-size:1.4rem}.how-to-box h3{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#856404;margin-bottom:.5rem;margin-top:.3rem}.how-to-box p{font-size:.95rem;color:#4a3728;line-height:1.7}.flip-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.25rem 0}@media (max-width: 600px){.flip-cards-grid{grid-template-columns:repeat(2,1fr)}}.flip-card{perspective:1000px;height:175px;cursor:pointer}.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .85rem;text-align:center;box-shadow:var(--shadow)}.flip-card-front{color:#fff}.fc-coral .flip-card-front{background:linear-gradient(145deg,#f97316,#ef4444)}.fc-purple .flip-card-front{background:linear-gradient(145deg,#7c3aed,#a855f7)}.fc-teal .flip-card-front{background:linear-gradient(145deg,#0d9488,#0ea5e9)}.fc-pink .flip-card-front{background:linear-gradient(145deg,#ec4899,#f43f5e)}.fc-amber .flip-card-front{background:linear-gradient(145deg,#d97706,#f59e0b)}.fc-blue .flip-card-front{background:linear-gradient(145deg,#3b82f6,#6366f1)}.flip-card-front .card-sound-label{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;opacity:.75;margin-bottom:.15rem}.flip-card-front .card-sound{font-size:2.5rem;font-weight:900;letter-spacing:-.02em;line-height:1;margin-bottom:.3rem}.flip-card-front .card-tap{font-size:.62rem;opacity:.65;margin-top:.35rem}.flip-card-back{transform:rotateY(180deg);border:2px solid transparent}.fc-coral .flip-card-back{background:#fff7ed;border-color:#fed7aa}.fc-purple .flip-card-back{background:#f5f3ff;border-color:#ddd6fe}.fc-teal .flip-card-back{background:#f0fdfa;border-color:#99f6e4}.fc-pink .flip-card-back{background:#fdf2f8;border-color:#fbcfe8}.fc-amber .flip-card-back{background:#fffbeb;border-color:#fde68a}.fc-blue .flip-card-back{background:#eff6ff;border-color:#bfdbfe}.flip-card-back .action-icon{font-size:1.4rem;margin-bottom:.3rem}.flip-card-back .action-text{font-size:.75rem;font-weight:700;line-height:1.45;color:var(--plum);margin-bottom:.4rem}.replay-btn{margin-top:.35rem;padding:.25rem .65rem;border:1.5px solid currentColor;border-radius:100px;background:transparent;font-size:.65rem;font-weight:800;font-family:var(--font);cursor:pointer;opacity:.65;transition:opacity .15s,transform .1s;color:var(--plum)}.replay-btn:hover{opacity:1;transform:scale(1.05)}.tips-box{background:var(--white);border-radius:var(--radius-lg);border:2px solid #fde68a;padding:1.6rem 1.75rem;margin-bottom:1.5rem;position:relative;overflow:hidden}.tips-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#f97316,#f59e0b,#fbbf24)}.tips-box h2{font-size:1rem;font-weight:900;color:#92400e;margin-bottom:.85rem}.tips-box p{font-size:.95rem;line-height:1.75;margin-bottom:.75rem}.tips-box p:last-child{margin-bottom:0}.reflection-box{background:#fffbeb;border:1.5px dashed #fbbf24;border-radius:10px;padding:.9rem 1.1rem;font-size:.9rem;line-height:1.65;color:#78350f}.reflection-box strong{display:block;margin-bottom:.2rem;color:#92400e;font-size:.92rem}.optional-box{background:var(--white);border-radius:var(--radius);border:1.5px solid #ddd6fe;border-left:4px solid var(--purple);padding:1rem 1.35rem;margin-bottom:1.5rem;font-size:.9rem;line-height:1.7}.optional-box .opt-label{display:inline-flex;align-items:center;gap:.3rem;background:#f5f3ff;color:var(--purple);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-radius:100px;padding:.15rem .6rem;margin-bottom:.35rem}.optional-box a{color:var(--purple);font-weight:700}.quiz-section{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;margin-bottom:2rem}.quiz-header{background:linear-gradient(135deg,var(--plum),var(--plum-mid));padding:1.5rem 2rem;color:#fff}.quiz-header h2{font-size:1.25rem;font-weight:900;margin-bottom:.2rem}.quiz-header p{font-size:.84rem;color:#ffffffb3}.quiz-body{padding:1.75rem 2rem}.question-block{display:none}.question-block.active{display:block}.question-progress{display:inline-flex;align-items:center;gap:.35rem;background:#f0f0ff;color:var(--purple);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-radius:100px;padding:.25rem .75rem;margin-bottom:.85rem}.question-text{font-size:.97rem;font-weight:700;color:var(--plum);margin-bottom:1.1rem;line-height:1.6}.options{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.1rem}.option-btn{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border:2px solid #e8e4f0;border-radius:10px;background:#faf9ff;cursor:pointer;text-align:left;font-size:.88rem;font-weight:600;line-height:1.5;color:var(--text);transition:border-color .15s,background .15s,transform .1s;font-family:var(--font);width:100%}.option-btn:hover:not(:disabled){border-color:var(--purple);background:#f5f3ff;transform:translate(3px)}.option-btn.selected{border-color:var(--purple);background:#f5f3ff}.option-btn.correct{border-color:var(--green);background:var(--green-light)}.option-btn.incorrect{border-color:var(--red);background:#fef2f2}.option-btn:disabled{cursor:default;transform:none}.option-letter{width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--plum);color:#fff;font-size:.72rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin-top:.05rem;transition:background .15s;text-transform:uppercase}.option-btn.selected .option-letter{background:var(--purple)}.option-btn.correct .option-letter{background:var(--green)}.option-btn.incorrect .option-letter{background:var(--red)}.check-btn{padding:.72rem 1.75rem;background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;border:none;border-radius:100px;font-size:.9rem;font-weight:800;cursor:pointer;font-family:var(--font);transition:opacity .15s,transform .1s;box-shadow:0 4px 14px #7c3aed4d}.check-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.check-btn:disabled{background:#d1d5db;box-shadow:none;cursor:default}.feedback-box{display:none;margin-top:.9rem;padding:1rem 1.15rem;border-radius:10px;font-size:.87rem;line-height:1.65}.feedback-box.show{display:block}.feedback-box.correct-fb{background:var(--green-light);border:1.5px solid #86efac;color:#166534}.feedback-box.incorrect-fb{background:#fef2f2;border:1.5px solid #fca5a5;color:#991b1b}.feedback-box strong{display:block;font-size:.92rem;margin-bottom:.3rem}.next-btn{margin-top:1.5rem;display:block;padding:.6rem 1.4rem;background:var(--plum);color:#fff;border:none;border-radius:100px;font-size:.85rem;font-weight:800;cursor:pointer;font-family:var(--font);transition:background .15s,transform .1s}.next-btn:hover{background:var(--plum-mid);transform:translateY(-1px)}.quiz-success{display:none;padding:2.5rem 2rem;text-align:center}.quiz-success.show{display:block}.quiz-success .big-emoji{font-size:3.5rem;margin-bottom:.75rem;display:block}.quiz-success h3{font-size:1.4rem;font-weight:900;color:var(--green);margin-bottom:.4rem}.quiz-success p{color:var(--text-muted);font-size:.95rem;margin-bottom:1rem}.unlock-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--green-light);border:2px solid #86efac;color:var(--green);font-weight:900;font-size:.9rem;border-radius:100px;padding:.55rem 1.25rem}.progress-info-box{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);padding:1.5rem 1.75rem;margin-top:2rem}.progress-info-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.progress-info-icon{font-size:2rem;flex-shrink:0;margin-top:.1rem}.progress-info-header h2{font-size:1rem;font-weight:800;color:var(--plum);margin-bottom:.2rem}.progress-info-header p{font-size:.88rem;color:var(--text-muted)}.progress-info-items{display:flex;flex-direction:column;gap:.75rem}.pinfo-item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:10px;font-size:.88rem;line-height:1.55}.pinfo-ok{background:#f0fdf4;border:1px solid #bbf7d0}.pinfo-warn{background:#fffbeb;border:1px solid #fde68a}.pinfo-dot{font-size:1.1rem;flex-shrink:0;margin-top:.05rem}.pinfo-item div{display:flex;flex-direction:column;gap:.1rem}.pinfo-item strong{font-weight:800;color:var(--plum);font-size:.88rem}.pinfo-item span{color:var(--text-muted)}.placeholder-content{text-align:center;padding:4rem 2rem}.placeholder-content .ph-icon{font-size:3.5rem;margin-bottom:1rem;display:block}.placeholder-content h2{font-size:1.25rem;font-weight:800;color:var(--plum);margin-bottom:.5rem}.placeholder-content p{color:var(--text-muted);max-width:340px;margin:0 auto}footer{text-align:center;padding:1.5rem;font-size:.8rem;color:var(--text-muted);font-weight:600;border-top:1px solid var(--border);margin-top:2rem}