*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}:root{--bg: #0f1117;--bg-card: #1a1d27;--bg-code: #1e2130;--text: #e4e4e7;--text-muted: #9ca3af;--accent: #22c55e;--accent-hover: #16a34a;--green: #22c55e;--red: #ef4444;--yellow: #eab308;--border: #2a2d3a;--radius: 8px;--badge-exercise-bg: #422006;--badge-lesson-bg: #0a2e1e;--code-header-bg: #161822;--code-output-bg: #0d0f17;--hint-bg: #0f2a1e;--hint-border: #1a4a35;--btn-text: #000;--on-accent: #fff;--green-subtle: rgba(34, 197, 94, .12);--red-subtle: rgba(239, 68, 68, .12);--accent-subtle: rgba(34, 197, 94, .1);--hljs-text: #abb2bf;--code-output-text: #8b949e;--code-output-label: #484f58;--code-output-border: #0d1117}[data-theme=light]{--bg: #f8f9fb;--bg-card: #ffffff;--bg-code: #f1f3f7;--text: #1a1a2e;--text-muted: #64748b;--accent: #16a34a;--accent-hover: #22c55e;--green: #16a34a;--red: #dc2626;--yellow: #ca8a04;--border: #e2e4e9;--badge-exercise-bg: #fef3c7;--badge-lesson-bg: #ecfdf5;--code-header-bg: #e8eaef;--code-output-bg: #f1f3f7;--hint-bg: #ecfdf5;--hint-border: #a7f3d0;--btn-text: #fff;--on-accent: #fff;--green-subtle: rgba(22, 163, 74, .1);--red-subtle: rgba(220, 38, 38, .1);--accent-subtle: rgba(22, 163, 74, .08);--hljs-text: #383a42;--code-output-text: #57606a;--code-output-label: #8b949e;--code-output-border: #f1f3f7}[data-theme=light] .hljs-keyword,[data-theme=light] .hljs-selector-tag,[data-theme=light] .hljs-deletion{color:#a626a4}[data-theme=light] .hljs-function,[data-theme=light] .hljs-title{color:#4078f2}[data-theme=light] .hljs-string,[data-theme=light] .hljs-addition{color:#50a14f}[data-theme=light] .hljs-number,[data-theme=light] .hljs-literal{color:#986801}[data-theme=light] .hljs-comment,[data-theme=light] .hljs-quote{color:#a0a1a7;font-style:italic}[data-theme=light] .hljs-built_in{color:#c18401}[data-theme=light] .hljs-params{color:#383a42}[data-theme=light] .hljs-variable,[data-theme=light] .hljs-template-variable{color:#e45649}[data-theme=light] .hljs-attr,[data-theme=light] .hljs-attribute{color:#986801}[data-theme=light] .hljs-meta{color:#4078f2}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}#root{max-width:100%;margin:0;padding:0;text-align:left}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:.75rem 2rem;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:100}.header-logo{font-size:1.25rem;font-weight:700;color:var(--text)}.header-logo span{color:var(--accent)}.header-breadcrumb{color:var(--text-muted);font-size:.875rem}.header-breadcrumb a{color:var(--text-muted)}.header-breadcrumb a:hover{color:var(--text)}.main-content{flex:1;max-width:900px;margin:0 auto;padding:2rem;width:100%}.home-layout{min-height:100vh;display:flex;flex-direction:column}.banner{position:relative;height:400px;background:url(/images/banner-background.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden}.banner-overlay{position:absolute;inset:0;background:#000000eb}.banner-content{position:relative;z-index:1;text-align:center;color:#fff;padding:2rem}.banner-logo{width:100px;height:100px;margin-bottom:1rem;border-radius:16px}.banner-title{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em}.banner-tagline{font-size:1.15rem;color:#ffffffb3;margin-bottom:1.5rem}.social-links{display:flex;gap:.75rem;justify-content:center}.social-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#fff;font-size:.85rem;font-weight:500;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.social-link:hover{background:#ffffff26;color:#fff;transform:translateY(-1px)}.social-name{font-size:.85rem}.home-content{flex:1;max-width:960px;margin:0 auto;padding:2.5rem 2rem;width:100%}.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.home-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;transition:all .2s;color:var(--text)}.home-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #00000026;color:var(--text)}.home-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.home-card-icon--course{background:var(--green-subtle);color:var(--green)}.home-card-icon--playground{background:#6366f11f;color:#818cf8}.home-card-icon--skool{background:#eab3081f;color:var(--yellow)}.home-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.home-card p{font-size:.9rem;color:var(--text-muted);line-height:1.5;flex:1}.home-card-cta{display:inline-block;margin-top:1rem;font-size:.85rem;font-weight:600;color:var(--accent)}.home-footer{background:var(--bg-card);border-top:1px solid var(--border);padding:2rem;text-align:center}.home-footer-tagline{color:var(--text-muted);font-size:.95rem;margin-bottom:.5rem}.home-footer-copyright{color:var(--text-muted);font-size:.8rem;opacity:.6}.playground-content{max-width:960px;margin:0 auto;padding:2rem;width:100%}.playground-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.playground-subtitle{color:var(--text-muted);font-size:1rem;margin-bottom:2rem}.playground-editor{width:100%}.badge{background:var(--accent);color:#fff;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.course-header{margin-bottom:2rem}.course-header h1{font-size:2rem;margin-bottom:.5rem}.course-header p{color:var(--text-muted)}.module-section{margin-bottom:2rem}.module-title{font-size:1.1rem;font-weight:600;padding:.75rem 0;color:var(--text);border-bottom:1px solid var(--border);margin-bottom:.5rem}.module-number{color:var(--accent);margin-right:.5rem}.annexes-divider{border:none;border-top:1px dashed var(--border);margin:2rem 0}.annexe-description{color:var(--text-muted);font-size:.9rem;margin-bottom:.5rem}.lesson-list{list-style:none}.lesson-item{display:block;padding:.75rem 1rem;border-radius:var(--radius);transition:background .15s;color:var(--text);display:flex;align-items:center;gap:.75rem}.lesson-item:hover{background:var(--bg-card);color:var(--text)}.lesson-number{color:var(--text-muted);font-size:.85rem;min-width:2rem}.lesson-title{flex:1}.lesson-duration{color:var(--text-muted);font-size:.8rem}.lesson-type-badge{font-size:.7rem;padding:.15rem .5rem;border-radius:3px;font-weight:500}.lesson-type-badge.exercise{background:var(--badge-exercise-bg);color:var(--yellow)}.lesson-type-badge.lesson{background:var(--badge-lesson-bg);color:var(--accent-hover)}.lesson-layout{display:flex;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem;width:100%}.lesson-content{flex:1;min-width:0}.lesson-sidebar{width:250px;flex-shrink:0}.lesson-nav{position:sticky;top:80px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.lesson-nav h3{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.lesson-nav-item{display:block;padding:.4rem 0;font-size:.85rem;color:var(--text-muted)}.lesson-nav-item:hover{color:var(--text)}.lesson-nav-item.active{color:var(--accent)}.lesson-footer{display:flex;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border)}.nav-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.9rem;transition:border-color .2s}.nav-btn:hover{border-color:var(--accent);color:var(--text)}.lesson-html h1{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;line-height:1.3}.lesson-html h2{font-size:1.35rem;font-weight:600;margin:2rem 0 1rem;color:var(--accent-hover)}.lesson-html h3{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .75rem}.lesson-html p{margin-bottom:1rem;color:var(--text)}.lesson-html li{margin-bottom:.5rem;margin-left:1.5rem}.lesson-html ul>li{list-style:disc}.lesson-html ol>li{list-style:decimal}.lesson-html ol,.lesson-html ul{padding-left:1rem}.lesson-html code{background:var(--bg-code);padding:.15rem .4rem;border-radius:3px;font-family:JetBrains Mono,monospace;font-size:.9em;color:var(--accent-hover)}.lesson-html strong{color:var(--text);font-weight:600}.lesson-html hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.lesson-html .code-container{margin:1rem 0;border-radius:var(--radius);overflow:hidden}.lesson-html .code-container pre{margin:0;padding:0}.lesson-html .code-container code{display:block;background:var(--bg-code);padding:1rem;overflow-x:auto;font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.6;color:var(--text);border:1px solid var(--border);border-radius:var(--radius)}.lesson-html .code-container code.hljs{background:var(--bg-code);color:var(--hljs-text);padding:1rem;border:1px solid var(--border)}.lesson-html .code-container code.text{background:var(--code-output-bg);color:var(--code-output-text);border-left:3px solid var(--green);border-color:var(--border);border-left-color:var(--green);position:relative}.lesson-html .code-container code.text:before{content:"Sortie";position:absolute;top:.4rem;right:.6rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--code-output-label);font-family:-apple-system,sans-serif}.lesson-html .success-callout,.lesson-html .info-callout,.lesson-html .tip-callout,.lesson-html .warning-callout{padding:1rem 1.25rem;border-radius:var(--radius);margin:1.25rem 0;border-left:4px solid}.lesson-html .success-callout{background:var(--green-subtle);border-color:var(--green)}.lesson-html .info-callout{background:var(--accent-subtle);border-color:var(--accent)}.lesson-html .tip-callout{background:#eab3081a;border-color:var(--yellow)}.lesson-html .warning-callout{background:var(--red-subtle);border-color:var(--red)}.lesson-html .callout-title,.lesson-html .success-callout>strong:first-child,.lesson-html .info-callout>strong:first-child,.lesson-html .tip-callout>strong:first-child,.lesson-html .warning-callout>strong:first-child{display:block;margin-bottom:.5rem;font-weight:700}.lesson-html .content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.25rem 0}.lesson-html .content-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.lesson-html .content-card h3,.lesson-html .content-card h4{margin-top:0;margin-bottom:.5rem}.lesson-html .feature-list{list-style:none;padding:0}.lesson-html .feature-list li{padding:.5rem 0 .5rem 1.5rem;position:relative}.lesson-html .feature-list li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.lesson-html .io-example{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin:1rem 0}.lesson-html .io-example pre{margin:0}.lesson-html code.terminal{display:block;background:var(--code-output-border);color:var(--text);padding:1rem;border-radius:var(--radius);font-family:JetBrains Mono,monospace;font-size:.875rem;line-height:1.6;overflow-x:auto}.lesson-html .navigation-links{margin-top:2rem}.lesson-html .navigation-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.lesson-html .nav-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-decoration:none;color:var(--text);transition:border-color .2s}.lesson-html .nav-card:hover{border-color:var(--accent)}.lesson-html .nav-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.lesson-html .nav-title{font-weight:600;color:var(--accent)}.lesson-html .nav-description{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.lesson-html table{width:100%;border-collapse:collapse;margin:1.25rem 0;font-size:.9rem}.lesson-html th,.lesson-html td{padding:.6rem .8rem;border:1px solid var(--border);text-align:left}.lesson-html th{background:var(--bg-code);font-weight:600}.lesson-html tr:nth-child(2n){background:var(--accent-subtle)}.lesson-html .section-container{margin:1.5rem 0}.workflow-steps{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.workflow-steps .step{display:flex;gap:1rem;align-items:flex-start}.workflow-steps .step-number{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.workflow-steps .step-content h4{margin:0 0 .25rem;font-size:1rem}.workflow-steps .step-content p{margin:0;color:var(--text-muted);font-size:.9rem}.code-editor-wrapper{margin:1.5rem 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.code-editor-header{display:flex;align-items:center;justify-content:space-between;background:var(--code-header-bg);padding:.5rem 1rem;border-bottom:1px solid var(--border)}.code-editor-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.run-btn{background:var(--green);color:var(--btn-text);border:none;padding:.35rem 1rem;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .15s}.run-btn:hover{opacity:.9}.run-btn:disabled{opacity:.5;cursor:not-allowed}.code-input-area{padding:.5rem 1rem;background:var(--bg-code);border-top:1px solid var(--border)}.code-input-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.code-input-field{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.5rem;font-family:JetBrains Mono,monospace;font-size:.85rem;resize:vertical;box-sizing:border-box}.code-input-field::placeholder{color:var(--text-muted);opacity:.6}.code-output{background:var(--code-output-bg);padding:.75rem 1rem;font-family:JetBrains Mono,monospace;font-size:.85rem;white-space:pre-wrap;min-height:2rem;border-top:1px solid var(--border)}.code-output.error{color:var(--red)}.code-output.success{color:var(--green)}.test-section{margin:1.5rem 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.test-section.all-passed{border-color:var(--green)}.test-section.has-failures{border-color:var(--red)}.test-section-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--code-header-bg);border-bottom:1px solid var(--border)}.test-section-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;color:var(--text)}.test-section-icon{font-size:.75rem;color:var(--text-muted)}.all-passed .test-section-icon{color:var(--green)}.test-counter{margin-left:.4rem;font-size:.8rem;font-weight:700}.test-counter.pass{color:var(--green)}.test-counter.fail{color:var(--red)}.validate-btn{background:var(--yellow);color:#000;border:none;padding:.3rem .9rem;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .15s}.validate-btn:hover{opacity:.9}.validate-btn:disabled{opacity:.5;cursor:not-allowed}.test-accordion{display:flex;flex-direction:column}.test-accordion-item{border-top:1px solid var(--border)}.test-accordion-item:first-child{border-top:none}.test-accordion-item.pass{border-left:3px solid var(--green)}.test-accordion-item.fail{border-left:3px solid var(--red)}.test-accordion-item.pending{border-left:3px solid transparent}.test-accordion-trigger{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .75rem;background:none;border:none;cursor:pointer;color:var(--text);font-size:.85rem;text-align:left}.test-accordion-trigger:hover{background:var(--accent-subtle)}.test-status-icon{flex-shrink:0;font-size:.8rem;width:1.2rem;text-align:center}.test-accordion-item.pass .test-status-icon{color:var(--green)}.test-accordion-item.fail .test-status-icon{color:var(--red)}.test-accordion-item.pending .test-status-icon{color:var(--text-muted)}.test-accordion-name{flex:1;font-weight:500}.test-accordion-arrow{color:var(--text-muted);font-size:.7rem}.test-accordion-content{padding:.25rem .75rem .6rem 2.45rem}.test-io-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.test-io-row:has(.actual){grid-template-columns:1fr 1fr 1fr}.test-io-col{min-width:0}.test-io-label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.2rem;font-weight:600}.test-io-col pre{margin:0;padding:.35rem .5rem;background:var(--bg-code);border-radius:4px;font-size:.8rem;font-family:JetBrains Mono,monospace;white-space:pre-wrap;color:var(--text)}.test-io-col.actual pre{background:var(--red-subtle);color:var(--red)}.test-success-banner{padding:.6rem 1rem;background:var(--green-subtle);color:var(--green);font-weight:600;font-size:.9rem;text-align:center;border-top:1px solid var(--border)}.loading-page{display:flex;align-items:center;justify-content:center;padding:4rem;color:var(--text-muted)}.pyodide-status{font-size:.8rem;padding:.3rem .8rem;border-radius:4px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted)}.pyodide-status.ready{border-color:var(--green);color:var(--green)}.pyodide-status.loading{border-color:var(--yellow);color:var(--yellow)}@media(max-width:768px){.header{padding:.5rem 1rem;gap:.5rem}.header-breadcrumb{display:none}.lesson-layout{flex-direction:column;padding:1rem}.lesson-sidebar{width:100%;display:none}.main-content{padding:1rem}.banner{height:300px}.banner-logo{width:72px;height:72px}.banner-title{font-size:1.75rem}.banner-tagline{font-size:1rem}.home-cards{grid-template-columns:1fr}.home-content,.playground-content{padding:1.5rem 1rem}.playground-title,.lesson-html h1{font-size:1.5rem}.lesson-html h2{font-size:1.25rem}.lesson-html .content-grid,.lesson-html .navigation-grid{grid-template-columns:1fr}.lesson-footer{flex-direction:column;gap:.5rem}.lesson-footer .nav-btn{text-align:center}.course-header h1{font-size:1.5rem}.lesson-item{flex-wrap:wrap;gap:.25rem}.lesson-duration{display:none}.code-editor-header{flex-wrap:wrap;gap:.5rem}.test-io-row{flex-direction:column}}.solution-toggle{margin-top:1rem}.solution-toggle button{background:var(--bg-code);border:1px solid var(--border);color:var(--text-muted);padding:.5rem 1rem;border-radius:var(--radius);cursor:pointer;font-size:.85rem}.solution-toggle button:hover{border-color:var(--accent);color:var(--text)}.solution-code{margin-top:.75rem}.hint-section{background:var(--hint-bg);border:1px solid var(--hint-border);border-radius:var(--radius);padding:1rem;margin-top:1rem}.hint-section summary{cursor:pointer;color:var(--accent-hover);font-weight:500}.hint-section ul{padding-left:1.5rem}.hint-section li{color:var(--text-muted);margin-top:.5rem}.quiz-runner{margin:2rem 0}.quiz-title{color:var(--accent);font-size:1.4rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.quiz-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;transition:border-color .2s}.quiz-card.correct{border-color:var(--green)}.quiz-card.wrong{border-color:var(--red)}.quiz-card.unanswered{border-color:var(--yellow);opacity:.7}.quiz-question-text{color:var(--text);font-size:1rem;font-weight:600;margin-bottom:.75rem;display:flex;gap:.75rem;align-items:baseline}.quiz-question-num{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;background:var(--accent);color:var(--on-accent);border-radius:50%;font-size:.85rem;font-weight:700;flex-shrink:0}.quiz-options-list{display:flex;flex-direction:column;gap:.5rem;margin-left:2.5rem}.quiz-option{display:flex;align-items:center;gap:.6rem;padding:.6rem .85rem;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;transition:all .15s;color:var(--text);font-size:.9rem}.quiz-option:hover:not(.option-correct):not(.option-wrong){border-color:var(--accent);background:var(--accent-subtle)}.quiz-option.option-selected{border-color:var(--accent);background:var(--accent-subtle)}.quiz-option.option-correct{border-color:var(--green);background:var(--green-subtle);color:var(--green)}.quiz-option.option-wrong{border-color:var(--red);background:var(--red-subtle);color:var(--red)}.quiz-option input[type=radio]{accent-color:var(--accent);width:1rem;height:1rem;flex-shrink:0}.quiz-explanation{margin-top:.75rem;margin-left:2.5rem;padding:.6rem .85rem;border-radius:var(--radius);font-size:.85rem}.quiz-explanation.correct{background:var(--green-subtle);color:var(--green)}.quiz-explanation.wrong{background:var(--red-subtle);color:var(--red)}.quiz-actions{margin-top:1.5rem;display:flex;justify-content:center}.quiz-submit-btn{padding:.75rem 2rem;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.quiz-submit-btn:hover:not(:disabled){background:var(--accent-hover)}.quiz-submit-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-results{display:flex;align-items:center;gap:1.5rem}.quiz-score{font-size:1.3rem;font-weight:700}.quiz-score.perfect{color:var(--green)}.quiz-score.good{color:var(--yellow)}.quiz-score.low{color:var(--red)}.quiz-reset-btn{padding:.5rem 1.25rem;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);font-size:.9rem;cursor:pointer;transition:all .2s}.quiz-reset-btn:hover{background:var(--accent-subtle)}.theme-toggle{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .5rem;cursor:pointer;font-size:1.1rem;line-height:1;color:var(--text);transition:background .2s}.theme-toggle:hover{background:var(--accent-subtle)}.sales-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.sales-hero{text-align:center;padding:4rem 2rem 3rem;max-width:700px;margin:0 auto}.sales-hero-badge{display:inline-block;background:var(--accent-subtle);color:var(--accent);font-size:.8rem;font-weight:600;padding:.35rem 1rem;border-radius:999px;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.sales-hero-title{font-size:2.75rem;font-weight:800;line-height:1.15;margin-bottom:1.25rem;letter-spacing:-.02em}.sales-hero-sub{font-size:1.15rem;color:var(--text-muted);line-height:1.6;margin-bottom:2rem}.sales-hero-note{margin-top:1rem;font-size:.85rem;color:var(--text-muted)}.sales-cta-btn{display:inline-block;background:var(--accent);color:var(--btn-text);font-size:1.1rem;font-weight:700;padding:.9rem 2.25rem;border-radius:var(--radius);text-decoration:none;transition:all .2s}.sales-cta-btn:hover{background:var(--accent-hover);transform:translateY(-1px);color:var(--btn-text)}.sales-section{padding:4rem 2rem;max-width:900px;margin:0 auto;width:100%}.sales-section--alt{background:var(--bg-card);max-width:100%;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.sales-section--alt>*{max-width:900px;margin-left:auto;margin-right:auto}.sales-section-title{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:.75rem}.sales-section-sub{text-align:center;color:var(--text-muted);margin-bottom:2.5rem;font-size:1.05rem}.sales-problems{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem}.sales-problem{text-align:center;padding:1.5rem}.sales-problem-icon{font-size:2rem;display:block;margin-bottom:.75rem}.sales-problem h3{font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.sales-problem p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.sales-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem}.sales-feature{text-align:center;padding:1.5rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.sales-feature-icon{font-size:2rem;margin-bottom:.75rem}.sales-feature h3{font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.sales-feature p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.sales-modules{display:flex;flex-direction:column;gap:.5rem}.sales-module{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s}.sales-module:hover{border-color:var(--accent)}.sales-module-num{font-size:.8rem;font-weight:700;color:var(--accent);min-width:1.5rem}.sales-module-icon{font-size:1.25rem}.sales-module h3{font-size:.95rem;font-weight:600;margin-bottom:.15rem}.sales-module p{font-size:.85rem;color:var(--text-muted)}.sales-pricing{text-align:center;max-width:440px;margin:0 auto;padding:2.5rem 2rem;background:var(--bg);border:2px solid var(--accent);border-radius:12px}.sales-pricing-badge{display:inline-block;background:var(--accent);color:var(--btn-text);font-size:.75rem;font-weight:700;padding:.3rem .8rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem}.sales-price{margin-bottom:1.5rem}.sales-price-amount{font-size:3.5rem;font-weight:800;letter-spacing:-.02em}.sales-price-old{font-size:1.5rem;color:var(--text-muted);text-decoration:line-through;margin-right:.75rem;font-weight:400}.sales-price-period{display:block;color:var(--text-muted);font-size:.95rem;margin-top:.25rem}.sales-countdown{margin:1.25rem 0;text-align:center}.sales-countdown-label{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem;font-weight:500}.sales-countdown-timer{display:inline-flex;align-items:center;gap:.25rem}.sales-countdown-unit{display:flex;flex-direction:column;align-items:center;min-width:3.5rem}.sales-countdown-num{font-size:1.75rem;font-weight:800;font-variant-numeric:tabular-nums;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.3rem .6rem;line-height:1}.sales-countdown-text{font-size:.65rem;text-transform:uppercase;color:var(--text-muted);margin-top:.25rem;letter-spacing:.05em}.sales-countdown-sep{font-size:1.5rem;font-weight:700;color:var(--text-muted);margin-bottom:1rem}.sales-modules-group-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.sales-modules-group-badge{background:var(--accent);color:var(--btn-text);font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.sales-pricing-list{list-style:none;text-align:left;max-width:300px;margin:0 auto 2rem;display:flex;flex-direction:column;gap:.6rem}.sales-pricing-list li{font-size:.95rem}.sales-faq{max-width:650px;margin:2rem auto 0;display:flex;flex-direction:column;gap:.5rem}.sales-faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;cursor:pointer;transition:border-color .2s}.sales-faq-item:hover,.sales-faq-item--open{border-color:var(--accent)}.sales-faq-q{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.95rem;gap:1rem}.sales-faq-icon{font-size:1.25rem;color:var(--accent);flex-shrink:0}.sales-faq-a{margin-top:.75rem;color:var(--text-muted);font-size:.9rem;line-height:1.6}.sales-final-cta{text-align:center;padding:4rem 2rem}.sales-final-cta h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.sales-final-cta p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.05rem}@media(max-width:768px){.sales-hero{padding:2.5rem 1.25rem 2rem}.sales-hero-title{font-size:1.75rem}.sales-hero-sub{font-size:1rem}.sales-section{padding:2.5rem 1.25rem}.sales-problems,.sales-features{grid-template-columns:1fr;gap:1rem}.sales-section-title{font-size:1.35rem}.sales-pricing{padding:2rem 1.5rem}.sales-price-amount{font-size:2.75rem}.sales-final-cta{padding:2.5rem 1.25rem}.sales-final-cta h2{font-size:1.35rem}}