.learn-container{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.learn-header{background:var(--bg-secondary);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.learn-logo{cursor:pointer;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.learn-progress-container{flex-grow:1;max-width:400px;margin:0 2rem}.learn-progress-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.learn-progress-fill{background:var(--accent-lime);height:100%;transition:width .3s}.learn-content{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:4rem 2rem;display:flex;position:relative;overflow:hidden}.onboarding-card{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:12px;width:100%;max-width:600px;padding:3rem;animation:.5s slideUpFade;box-shadow:0 20px 40px #0000004d}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-card h2{margin-bottom:.5rem;font-size:2rem}.onboarding-card p{margin-bottom:2rem}.options-grid{grid-template-columns:1fr;gap:1rem;display:grid}.option-btn{color:var(--text-primary);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:1rem;padding:1.25rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.option-btn:hover{background:#ffffff14;border-color:#fff3;transform:translate(4px)}.option-btn.selected{border-color:var(--accent-lime);color:var(--accent-lime);background:#ccff001a}.course-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;max-width:900px;display:grid}.course-card{background:var(--bg-secondary);cursor:pointer;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;padding:2.5rem 2rem;transition:all .3s;display:flex}.course-card:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 15px 30px #0006}.course-icon{margin-bottom:1.5rem;font-size:3rem}.course-card h3{margin-bottom:.5rem;font-size:1.5rem}.toc-container{width:100%;max-width:800px;animation:.5s slideUpFade}.toc-header{text-align:center;margin-bottom:3rem}.toc-list{flex-direction:column;gap:1rem;display:flex}.toc-item{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:1.5rem 2rem;transition:all .2s;display:flex}.toc-item.active{border-color:var(--accent-lime);background:#ccff000d}.toc-item-info h4{margin-bottom:.25rem;font-size:1.25rem}.chapter-container{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:12px;width:100%;max-width:800px;padding:3rem 4rem;animation:.5s slideUpFade}.chapter-title{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1rem;font-size:2.5rem}.chapter-text{color:var(--text-secondary);margin-bottom:3rem;font-size:1.125rem;line-height:1.8}.chapter-actions{border-top:1px solid #ffffff1a;justify-content:flex-end;padding-top:2rem;display:flex}.chapter-cards-grid{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.chapter-content-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;padding:2rem;transition:transform .2s}.chapter-content-card:hover{background:#ffffff0a;transform:translate(4px)}.chapter-content-card h4{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.chapter-content-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.quiz-container{width:100%;max-width:700px;animation:.5s slideUpFade}.quiz-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.quiz-question{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:12px;margin-bottom:2rem;padding:3rem}.quiz-question h3{margin-bottom:2rem;font-size:1.5rem}.quiz-options{flex-direction:column;gap:1rem;display:flex}.quiz-option{color:var(--text-primary);cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;padding:1.25rem;font-size:1rem;transition:all .2s}.quiz-option:hover:not(:disabled){background:#ffffff14}.quiz-option.correct{color:#fff;background:#00ff8033;border-color:#00ff80}.quiz-option.incorrect{color:#fff;background:#ff404033;border-color:#ff4040}.quiz-result{text-align:center;background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:12px;padding:4rem}.quiz-score{margin:1rem 0;font-size:4rem;font-weight:700}.score-pass{color:#00ff80}.score-fail{color:#ff4040}