:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-accent:#7c3aed;--color-accent-dark:#6d28d9;--color-surface:#fff;--color-surface-2:#f8fafc;--color-text:#0f172a;--color-text-muted:#64748b;--color-bg:#f1f5f9;--color-border:#e2e8f0;--color-success:#16a34a;--color-error:#dc2626;--radius:.5rem;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app-shell{flex-direction:column;min-height:100vh;display:flex}.nav-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:3.5rem;box-shadow:var(--shadow-sm);z-index:100;align-items:center;gap:2rem;padding:0 1rem;display:flex;position:sticky;top:0}.nav-logo{color:var(--color-primary);font-size:1.1rem;font-weight:700;text-decoration:none}.nav-links{gap:1rem;display:flex}.nav-link{color:var(--color-text-muted);border-radius:var(--radius);padding:.25rem .5rem;font-size:.9rem;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--color-primary)}.nav-link--active{color:var(--color-primary);font-weight:600}.main-content{flex:1;width:100%;max-width:64rem;margin:0 auto;padding:1.5rem 1rem}.btn{border-radius:var(--radius);cursor:pointer;border:2px solid #0000;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn--accent{background:var(--color-accent);color:#fff}.btn--accent:hover{background:var(--color-accent-dark)}.btn--outline{border-color:var(--color-primary);color:var(--color-primary);background:0 0}.btn--outline:hover{background:var(--color-primary);color:#fff}.btn--lg{padding:.75rem 1.5rem;font-size:1rem}.btn--sm{padding:.25rem .6rem;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed}.home-page{flex-direction:column;gap:2.5rem;display:flex}.hero{text-align:center;padding:2.5rem 1rem}.hero__title{margin-bottom:.75rem;font-size:1.75rem;font-weight:800}.hero__subtitle{color:var(--color-text-muted);max-width:40rem;margin:0 auto 1.5rem}.hero__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.stats-strip{justify-content:center;gap:1rem;display:flex}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);padding:1.25rem 2rem}.stat-card__value{color:var(--color-primary);font-size:2rem;font-weight:700;display:block}.stat-card__label{color:var(--color-text-muted);font-size:.85rem}.topics-strip h2{margin-bottom:1rem;font-size:1.25rem}.topics-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.topic-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem}.topic-card__emoji{font-size:1.5rem}.topic-card__title{margin:.25rem 0;font-size:1rem;font-weight:600}.topic-card__desc{color:var(--color-text-muted);font-size:.8rem}.resume-prompt{border-radius:var(--radius);background:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.resume-prompt a{color:var(--color-primary);font-weight:600}.concept-tag{color:#3730a3;text-transform:uppercase;letter-spacing:.04em;background:#e0e7ff;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.filter-btn{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;color:var(--color-text-muted);border-radius:999px;padding:.35rem .85rem;font-size:.85rem;transition:background .15s,color .15s}.filter-btn:hover{background:var(--color-bg)}.filter-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.lesson-plan-selector{flex-direction:column;gap:1rem;display:flex}.lesson-plan-selector h2{margin-bottom:.25rem;font-size:1.25rem}.plan-cards{grid-template-columns:1fr;gap:1rem;display:grid}.plan-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-sm);padding:1.25rem;transition:box-shadow .15s,border-color .15s}.plan-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.plan-card__header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.plan-card__title{font-size:1.05rem;font-weight:600}.difficulty-badge{text-transform:capitalize;border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.difficulty-badge--beginner{color:#166534;background:#dcfce7}.difficulty-badge--intermediate{color:#713f12;background:#fef9c3}.difficulty-badge--advanced{color:#991b1b;background:#fee2e2}.plan-card__goal{color:var(--color-text-muted);margin-bottom:.75rem;font-size:.875rem}.plan-card__meta{color:var(--color-text-muted);gap:1rem;font-size:.8rem;display:flex}.lesson-player{flex-direction:column;gap:1.25rem;display:flex}.lesson-player__header{flex-direction:column;gap:.5rem;display:flex}.lesson-player__title{font-size:1.4rem;font-weight:700}.step-indicator{color:var(--color-text-muted);font-size:.85rem}.lesson-step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem}.lesson-step h2{margin-bottom:.75rem;font-size:1.15rem}.lesson-step p{white-space:pre-wrap;color:var(--color-text);line-height:1.7}.deep-dive{margin-top:1rem}.deep-dive summary{cursor:pointer;color:var(--color-primary);font-size:.875rem;font-weight:500}.deep-dive__content{background:var(--color-surface-2);border-radius:var(--radius);color:var(--color-text-muted);margin-top:.5rem;padding:.75rem;font-size:.875rem}.quiz-options{flex-direction:column;gap:.5rem;margin:1rem 0;display:flex}.quiz-option{border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;text-align:left;padding:.75rem 1rem;font-size:.9rem;transition:border-color .15s,background .15s}.quiz-option:hover:not(:disabled){border-color:var(--color-primary)}.quiz-option--correct{background:#f0fdf4;border-color:var(--color-success)!important}.quiz-option--wrong{background:#fef2f2;border-color:var(--color-error)!important}.quiz-explanation{border-radius:var(--radius);margin-top:.5rem;padding:.75rem;font-size:.875rem}.quiz-explanation--correct{color:var(--color-success);background:#f0fdf4}.quiz-explanation--wrong{color:var(--color-error);background:#fef2f2}.step-nav{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.lesson-complete{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem}.lesson-complete h2{margin-bottom:.75rem;font-size:1.5rem}.sim-container{flex-direction:column;gap:1rem;display:flex}.sim-container h3{font-size:1rem;font-weight:600}.sim-input-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.sim-input-group{flex-direction:column;gap:.25rem;display:flex}.sim-input-group label{color:var(--color-text-muted);font-size:.8rem;font-weight:500}.sim-input-group input{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;padding:.4rem .6rem;font-size:.9rem}.sim-result-panel{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1rem;font-size:.875rem}.sim-result-panel h4{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.sim-result-grid{grid-template-columns:repeat(2,1fr);gap:.4rem;display:grid}.sim-result-item{flex-direction:column;display:flex}.sim-result-item__label{color:var(--color-text-muted);font-size:.75rem}.sim-result-item__value{color:var(--color-primary);font-weight:600}.sim-error{color:var(--color-error);font-size:.875rem}.sim-canvas{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;width:100%;max-width:500px}.exam-player{flex-direction:column;gap:1.5rem;display:flex}.exam-player__header h2{font-size:1.3rem;font-weight:700}.exam-player__meta{color:var(--color-text-muted);flex-wrap:wrap;gap:1rem;margin-top:.25rem;font-size:.85rem;display:flex}.exam-player__instructions{border-radius:var(--radius);background:#fffbeb;border:1px solid #fde68a;padding:.75rem 1rem;font-size:.875rem}.exam-question{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem}.exam-question__prompt{margin-bottom:.75rem;font-weight:600}.exam-question__marks{color:var(--color-text-muted);margin-bottom:.75rem;font-size:.8rem}.exam-options{flex-direction:column;gap:.4rem;display:flex}.exam-option{cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.exam-textarea{border:1px solid var(--color-border);border-radius:var(--radius);resize:vertical;width:100%;min-height:5rem;padding:.5rem .75rem;font-family:inherit;font-size:.9rem}.exam-result{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.exam-result h3{margin-bottom:1rem;font-size:1.2rem}.exam-result__score{color:var(--color-primary);margin-bottom:1rem;font-size:2rem;font-weight:700}.exam-result__breakdown{flex-direction:column;gap:.75rem;display:flex}.exam-result__item{border-radius:var(--radius);padding:.75rem;font-size:.875rem}.exam-result__item--correct{border-left:3px solid var(--color-success);background:#f0fdf4}.exam-result__item--wrong{border-left:3px solid var(--color-error);background:#fef2f2}.exam-result__model-answer{color:var(--color-text-muted);margin-top:.25rem;font-size:.8rem}.learning-path-route{flex-direction:column;gap:1rem;display:flex}.learning-path-route h1{font-size:1.4rem;font-weight:700}.exam-route{flex-direction:column;gap:1.25rem;display:flex}.exam-route h1{font-size:1.4rem;font-weight:700}.exam-list{gap:1rem;display:grid}.exam-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-sm);padding:1.25rem;transition:box-shadow .15s,border-color .15s}.exam-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.exam-card__title{margin-bottom:.25rem;font-size:1rem;font-weight:600}.exam-card__meta{color:var(--color-text-muted);gap:1rem;font-size:.8rem;display:flex}.lesson-route{flex-direction:column;gap:1rem;display:flex}.back-link{color:var(--color-primary);font-size:.875rem;text-decoration:none}.back-link:hover{text-decoration:underline}.loading{text-align:center;color:var(--color-text-muted);padding:3rem}@media (width>=640px){.topics-grid{grid-template-columns:repeat(3,1fr)}.plan-cards{grid-template-columns:repeat(2,1fr)}.sim-input-grid{grid-template-columns:repeat(3,1fr)}.exam-list{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.main-content{padding:2rem 1.5rem}.hero__title{font-size:2.25rem}.plan-cards{grid-template-columns:repeat(3,1fr)}.sim-input-grid{grid-template-columns:repeat(5,1fr)}}