*{box-sizing:border-box;margin:0;padding:0}body{color:#2c2c2a;background:#fafaf8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6}.navbar{z-index:10;background:#fff;border-bottom:1px solid #e5e5e0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.brand{color:#2c2c2a;font-size:1.25rem;font-weight:600;text-decoration:none}.nav-links a{color:#5f5e5a;margin-left:1.5rem;text-decoration:none}.nav-links a:hover{color:#2c2c2a}main{min-height:calc(100vh - 130px)}.page{max-width:1100px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{margin-bottom:.5rem;font-size:2rem}.page-header p{color:#5f5e5a}.hero{text-align:center;padding:4rem 1rem}.hero h1{margin-bottom:1rem;font-size:3rem}.tagline{color:#5f5e5a;margin-bottom:2rem;font-size:1.25rem}.lead{max-width:600px;margin:0 auto 2rem;font-size:1.05rem}.cta{color:#fff;background:#1d9e75;border-radius:8px;padding:.85rem 2rem;font-size:1rem;font-weight:500;text-decoration:none;display:inline-block}.cta:hover{background:#0f6e56}.features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1100px;margin:4rem auto;padding:0 2rem;display:grid}.feature{background:#fff;border:1px solid #e5e5e0;border-radius:12px;padding:2rem}.feature h3{margin-bottom:.5rem;font-size:1.1rem}.feature p{color:#5f5e5a}.course-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.course-card{color:inherit;background:#fff;border:1px solid #e5e5e0;border-radius:12px;padding:1.5rem;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.course-card:hover{border-color:#1d9e75;transform:translateY(-2px)}.course-card h2{color:#2c2c2a;margin-bottom:.75rem;font-size:1.15rem}.course-card .description{color:#5f5e5a;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.95rem;display:-webkit-box;overflow:hidden}.card-footer{border-top:1px solid #e5e5e0;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.price{color:#2c2c2a;font-weight:600}.cta-link{color:#1d9e75;font-size:.9rem}.back-link{color:#5f5e5a;margin-bottom:2rem;font-size:.95rem;text-decoration:none;display:inline-block}.back-link:hover{color:#2c2c2a}.lesson{background:#fff;border:1px solid #e5e5e0;border-radius:12px;max-width:760px;margin:0 auto;padding:3rem}.lesson-header h1{margin-bottom:2rem;font-size:2rem}.lesson-content{font-size:1.05rem;line-height:1.75}.lesson-content h1,.lesson-content h2,.lesson-content h3{margin-top:2rem;margin-bottom:.75rem}.lesson-content p{margin-bottom:1rem}.lesson-content ul,.lesson-content ol{margin:1rem 0 1rem 1.5rem}.lesson-content li{margin-bottom:.5rem}.lesson-content code{background:#f1efe8;border-radius:3px;padding:.15em .3em;font-family:SF Mono,Consolas,monospace;font-size:.95em}.quiz{border-top:2px solid #e5e5e0;margin-top:3rem;padding-top:2rem}.quiz h2{margin-bottom:1.5rem}.question{margin-bottom:2rem}.question h3{margin-bottom:1rem;font-size:1.05rem;font-weight:500}.options{flex-direction:column;gap:.5rem;display:flex}.option{text-align:left;cursor:pointer;color:#2c2c2a;background:#fff;border:1px solid #d3d1c7;border-radius:8px;padding:.85rem 1rem;font-family:inherit;font-size:1rem;transition:all .15s}.option:hover:not(:disabled){border-color:#5f5e5a}.option.selected{background:#e1f5ee;border-color:#1d9e75}.option.correct{color:#04342c;background:#e1f5ee;border-color:#1d9e75}.option.incorrect{color:#501313;background:#fcebeb;border-color:#e24b4a}.option:disabled{cursor:default}.quiz-controls{margin-top:2rem}.submit,.reset{color:#fff;cursor:pointer;background:#1d9e75;border:none;border-radius:8px;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500}.submit:hover:not(:disabled),.reset:hover{background:#0f6e56}.submit:disabled{cursor:not-allowed;background:#b4b2a9}.results{text-align:center;background:#fafaf8;border-radius:12px;padding:2rem}.score{margin-bottom:1rem;font-size:1.5rem;font-weight:500}.loading,.error{text-align:center;color:#5f5e5a;padding:4rem}.error{color:#a32d2d}.footer{text-align:center;color:#888780;background:#fff;border-top:1px solid #e5e5e0;padding:2rem;font-size:.9rem}