:root{--primary-blue: #1d4ed8;--primary-blue-light: #3b82f6;--primary-blue-dark: #1e40af;--secondary-purple: #7c3aed;--secondary-purple-light: #8b5cf6;--secondary-purple-dark: #6d28d9;--primary-red-light: #ef4444;--primary-red-dark: #b91c1c;--accent-green: #059669;--accent-green-light: #10b981;--accent-green-dark: #047857;--gray-900: #111827;--gray-800: #1f2937;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6;--gray-50: #f9fafb;--white: #ffffff;--success: var(--accent-green);--warning: #f59e0b;--error: #dc2626}.home-container{max-width:1280px;margin:0 auto;padding:48px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-section{text-align:center;margin-bottom:80px}.hero-title{font-size:3.5rem;font-weight:700;margin:0 0 24px;color:var(--primary-blue);line-height:1.2}.hero-subtitle{font-size:1.25rem;color:var(--gray-600);margin:0 auto 32px;max-width:800px;line-height:1.6}.hero-tags{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.hero-tag{padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:500;white-space:nowrap;background-color:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.hero-tag:nth-child(1){background-color:#1d4ed81a;color:var(--primary-blue-dark);border-color:#1d4ed833}.hero-tag:nth-child(2){background-color:#0596691a;color:var(--accent-green-dark);border-color:#05966933}.hero-tag:nth-child(3){background-color:#7c3aed1a;color:var(--secondary-purple-dark);border-color:#7c3aed33}.hero-tag:nth-child(4){background-color:var(--gray-100);color:var(--gray-700)}.hero-tag:nth-child(5){background-color:var(--gray-100);color:var(--gray-700)}.hero-cta{background:var( --primary-blue-dark)!important;color:var(--white)!important;padding:450px 72px;font-size:1.25rem!important;font-weight:700;border-radius:20px;border:none;text-transform:none}.hero-cta:hover{background-color:var(--primary-blue-dark);transform:scale(1.08);box-shadow:0 10px 24px #1d4ed873;color:var(--white);text-decoration:none}.features-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:48px;color:var(--gray-800)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:80px}.feature-card{background-color:var(--white);padding:24px;border-radius:16px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;border:2px solid var(--gray-200);height:fit-content;display:flex;flex-direction:column}.feature-card:hover{box-shadow:0 20px 25px #00000026;transform:translateY(-8px)}.feature-card--primary:hover{border-color:var(--primary-blue)}.feature-card--secondary:hover{border-color:var(--secondary-purple)}.feature-card--accent:hover{border-color:var(--accent-green)}.feature-icon-container{text-align:center;margin-bottom:24px}.feature-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:2rem;color:var(--white)}.feature-icon--primary{background-color:var(--primary-blue)}.feature-icon--secondary{background-color:var(--secondary-purple)}.feature-icon--accent{background-color:var(--accent-green)}.feature-title{font-size:1.5rem;font-weight:700;margin:0 0 8px}.feature-title--primary{color:var(--primary-blue)}.feature-title--secondary{color:var(--secondary-purple)}.feature-title--accent{color:var(--accent-green)}.feature-content{flex-grow:1}.feature-description{color:var(--gray-700);margin:0 0 24px;line-height:1.6}.feature-list-title{font-weight:600;color:var(--gray-800);margin:0 0 8px}.feature-list{font-size:.875rem;color:var(--gray-600);line-height:1.5;margin:0;padding-left:16px}.quality-section{text-align:center;background-color:var(--gray-50);border-radius:24px;padding:48px}.quality-title{font-size:2.5rem;font-weight:700;margin:0 0 32px;color:var(--gray-800)}.quality-subtitle{font-size:1.125rem;color:var(--gray-600);margin:0 auto 48px;max-width:800px;line-height:1.6}.quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-bottom:48px}.quality-card{background-color:var(--white);padding:32px;border-radius:16px;box-shadow:0 2px 4px #0000001a}.quality-card-title{font-size:1.25rem;font-weight:600;margin:0 0 16px}.quality-card-title--primary{color:var(--primary-blue)}.quality-card-title--secondary{color:var(--secondary-purple)}.quality-card-title--accent{color:var(--accent-green)}.quality-card-text{color:var(--gray-600);font-size:.875rem;line-height:1.6;margin:0}.quality-cta{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-purple) 100%);color:var(--white);padding:16px 48px;border-radius:12px;font-size:1.125rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.quality-cta:hover{transform:scale(1.05);box-shadow:0 8px 25px #1d4ed84d;color:var(--white);text-decoration:none}@media (max-width: 768px){.home-container{padding:24px 16px}.hero-section{margin-bottom:60px}.hero-title{font-size:2.5rem;margin-bottom:20px}.hero-subtitle{font-size:1.125rem;margin-bottom:24px}.hero-tags{gap:8px;margin-bottom:24px}.hero-tag{font-size:.8125rem;padding:6px 12px}.hero-cta{padding:14px 32px;font-size:1rem}.features-title{font-size:2rem;margin-bottom:32px}.features-grid{grid-template-columns:1fr;gap:24px;margin-bottom:60px}.feature-card{padding:20px}.feature-icon{width:64px;height:64px;font-size:1.75rem;margin-bottom:12px}.feature-title{font-size:1.25rem}.quality-section{padding:32px 20px}.quality-title{font-size:2rem;margin-bottom:24px}.quality-subtitle{font-size:1rem;margin-bottom:32px}.quality-grid{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.quality-card{padding:24px}.quality-card-title{font-size:1.125rem}.quality-cta{padding:14px 32px;font-size:1rem}}@media (max-width: 480px){.home-container{padding:20px 12px}.hero-title{font-size:2rem;line-height:1.3}.hero-subtitle{font-size:1rem}.hero-tags{flex-direction:column;align-items:center;gap:6px}.hero-tag{font-size:.75rem;padding:5px 10px}.hero-cta{padding:12px 24px;font-size:1.1rem;width:100%;max-width:280px}.features-title{font-size:1.75rem}.feature-card{padding:16px}.feature-icon{width:56px;height:56px;font-size:1.5rem}.quality-section{padding:24px 16px;border-radius:16px}.quality-title{font-size:1.75rem}.quality-card{padding:20px}.quality-cta{width:100%;max-width:280px}}.welcome-container{min-height:100vh;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-purple) 100%);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.welcome-content{max-width:800px;margin:0 auto;padding-top:60px}.welcome-header{text-align:center;margin-bottom:60px}.welcome-title{font-size:3rem;font-weight:700;color:var(--white);margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.welcome-subtitle{font-size:1.25rem;color:#ffffffe6;max-width:600px;margin:0 auto;line-height:1.6}.welcome-card{background-color:var(--white);border-radius:24px;padding:48px;box-shadow:0 20px 40px #0000001a;margin:0 auto}.welcome-section{margin-bottom:48px}.welcome-section:last-of-type{margin-bottom:48px}.welcome-section-title{font-size:1.5rem;font-weight:700;color:var(--gray-800);margin-bottom:8px}.welcome-section-subtitle{color:var(--gray-600);margin-bottom:24px;font-size:1rem}.curriculum-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.curriculum-option{padding:20px;border-radius:16px;border:2px solid var(--gray-200);background-color:var(--white);cursor:pointer;transition:all .2s ease;text-align:center}.curriculum-option:hover{border-color:var(--gray-300);background-color:var(--gray-50)}.curriculum-option--selected{border:3px solid var(--primary-blue);background-color:#1d4ed80d;transform:scale(1.02)}.curriculum-flag{font-size:2rem;margin-bottom:8px;display:block}.curriculum-name{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:4px;text-align:center}.curriculum-description{font-size:.875rem;color:var(--gray-600);text-align:center;margin:0}.grade-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.grade-option{padding:16px 12px;border-radius:12px;border:2px solid var(--gray-200);background-color:var(--white);cursor:pointer;transition:all .2s ease;text-align:center}.grade-option:hover{border-color:var(--gray-300);background-color:var(--gray-50)}.grade-option--selected{border:3px solid var(--accent-green);background-color:#0596690d;transform:scale(1.05)}.grade-label{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin:0 0 4px}.welcome-submit-container{text-align:center}.welcome-submit-btn{background-color:var(--primary-blue);color:var(--white);padding:16px 48px;border-radius:12px;font-size:1.125rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.welcome-submit-btn:hover:not(:disabled){background-color:var(--primary-blue-dark);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.welcome-submit-btn:disabled{background-color:var(--gray-300);cursor:not-allowed;transform:translateY(2px)}.welcome-submit-btn--loading{opacity:.7}.welcome-error-message{font-size:.875rem;color:var(--error);margin-top:12px;margin-bottom:0}.welcome-footer{text-align:center;margin-top:40px;color:#fffc;font-size:.875rem}.welcome-footer p{margin:0}@media (max-width: 768px){.welcome-content{padding-top:40px}.welcome-header{margin-bottom:40px}.welcome-title{font-size:2.5rem}.welcome-subtitle{font-size:1.125rem}.welcome-card{padding:32px 24px}.welcome-section{margin-bottom:32px}.curriculum-grid{grid-template-columns:1fr;gap:12px}.grade-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.welcome-submit-btn{padding:14px 32px;font-size:1rem}}@media (max-width: 480px){.welcome-container{padding:16px}.welcome-content{padding-top:20px}.welcome-title{font-size:2rem;line-height:1.3}.welcome-subtitle{font-size:1rem}.welcome-card{padding:24px 16px;border-radius:16px}.curriculum-option,.grade-option{padding:16px 12px}.welcome-submit-btn{padding:12px 24px;font-size:.9375rem;width:100%;max-width:280px}.welcome-footer{margin-top:24px;font-size:.8125rem}}.grade-container{max-width:1200px;margin:0 auto;padding:48px 24px;background-color:var(--gray-50);min-height:100vh}.grade-title{font-size:3rem;font-weight:800;margin-bottom:32px;text-align:center;background:linear-gradient(135deg,var(--gray-900) 0%,var(--secondary-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grade-subjects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.subject-card{background-color:var(--white);padding:24px;height:300px;display:flex;flex-direction:column;justify-content:space-between;border-radius:16px;box-shadow:0 6px 12px #0000001a;transition:all .3s ease;text-align:center;position:relative;border:2px solid transparent}.subject-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.subject-card--primary{border-color:transparent}.subject-card--primary:hover{border-color:var(--primary-blue)}.subject-card--secondary{border-color:transparent}.subject-card--secondary:hover{border-color:var(--secondary-purple)}.subject-card--accent{border-color:transparent}.subject-card--accent:hover{border-color:var(--accent-green)}.subject-card-chip{position:absolute;top:12px;right:12px;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:12px;color:var(--white)}.subject-card-chip--primary{background-color:var(--primary-blue)}.subject-card-chip--secondary{background-color:var(--secondary-purple)}.subject-card-chip--accent{background-color:var(--accent-green)}.subject-card-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}.subject-card-icon{margin-bottom:16px;font-size:48px}.subject-card-icon--primary{color:var(--primary-blue)}.subject-card-icon--secondary{color:var(--secondary-purple)}.subject-card-icon--accent{color:var(--accent-green)}.subject-card-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:var(--gray-900)}.subject-card-description{font-size:.875rem;color:var(--gray-600);margin-bottom:16px;line-height:1.5}.subject-card-button{background-color:var(--primary-blue);color:var(--white);font-weight:600;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;width:100%}.subject-card-button:hover{filter:brightness(1.1);color:var(--white);text-decoration:none}.subject-card-button--primary{background-color:var(--primary-blue)}.subject-card-button--secondary{background-color:var(--secondary-purple)}.subject-card-button--accent{background-color:var(--accent-green)}.grade-empty-state{grid-column:1 / -1;background-color:var(--white);padding:48px;text-align:center;border-radius:16px;box-shadow:0 4px 6px #0000001a}.grade-empty-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:var(--gray-800)}.grade-empty-description{font-size:.875rem;color:var(--gray-600);margin:0}@media (max-width: 768px){.grade-container{padding:32px 16px}.grade-title{font-size:2.5rem;margin-bottom:24px}.grade-subjects-grid{grid-template-columns:1fr;gap:20px}.subject-card{height:auto;min-height:280px;padding:20px}.subject-card-icon{font-size:40px;margin-bottom:12px}.subject-card-title{font-size:1.25rem}.subject-card-button{padding:14px 20px;font-size:.9375rem}.grade-empty-state{padding:32px 20px}}@media (max-width: 480px){.grade-container{padding:24px 12px}.grade-title{font-size:2rem;line-height:1.3}.grade-subjects-grid{gap:16px}.subject-card{padding:16px;min-height:260px}.subject-card-chip{font-size:.6875rem;padding:3px 6px}.subject-card-icon{font-size:36px}.subject-card-title{font-size:1.125rem}.subject-card-description{font-size:.8125rem}.grade-empty-state{padding:24px 16px}.grade-empty-title{font-size:1.25rem}}.subject-container{max-width:1280px;margin:0 auto;padding:32px 24px;background-color:var(--gray-50);min-height:100vh}.subject-back-button{margin-bottom:24px}.subject-header{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-purple) 100%);color:var(--white);padding:40px;margin-bottom:32px;border-radius:16px;position:relative;overflow:hidden}.subject-header:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;border-radius:50%;background:#ffffff0d;z-index:1}.subject-header:after{content:"";position:absolute;bottom:-50px;left:-50px;width:200px;height:200px;border-radius:50%;background:#ffffff08;z-index:1}.subject-header-content{position:relative;z-index:2}.subject-header-chips{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.subject-header-chip{background-color:#ffffff40;color:var(--white);font-weight:600;padding:4px 12px;border-radius:16px;font-size:.875rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.subject-header-chip--highlight{background-color:#ffd70040;border:1px solid rgba(255,215,0,.3)}.subject-header-title{font-size:3rem;font-weight:800;margin-bottom:16px;letter-spacing:-.02em;line-height:1.1}.subject-header-description{font-size:1.25rem;opacity:.9;margin-bottom:24px;font-weight:400;max-width:80%;line-height:1.4}.subject-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:32px;margin-top:16px}.subject-stat{text-align:left}.subject-stat-label{display:flex;align-items:center;margin-bottom:8px;font-size:.875rem;font-weight:500;opacity:.8}.subject-stat-label svg{margin-right:8px;font-size:18px}.subject-stat-value{font-size:2.5rem;font-weight:700;line-height:1}.subject-tabs-container{background-color:var(--white);margin-bottom:32px;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.subject-tabs-wrapper{display:flex;flex-direction:row;width:100%}.subject-tab{flex:1;min-height:80px;text-transform:none;font-size:1rem;font-weight:600;padding:16px;transition:all .3s ease;background-color:transparent;border:none;border-bottom:4px solid transparent;cursor:pointer}.subject-tab:hover{background-color:#0000000a}.subject-tab--active{background-color:#667eea1a;border-bottom-color:var(--primary-blue)}.subject-tab-content{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.subject-tab-icon{font-size:24px;transition:color .3s ease;color:var(--gray-600)}.subject-tab--active .subject-tab-icon{color:var(--primary-blue)}.subject-tab-label{font-size:.875rem;font-weight:600;line-height:1.2;color:var(--gray-800)}.subject-tab-description{font-size:.75rem;color:var(--gray-600);line-height:1.2}.subject-tab-panel{opacity:0;transform:translateY(20px);transition:all .3s ease}.subject-tab-panel--active{opacity:1;transform:translateY(0)}.subject-tab-panel-header{margin-bottom:32px}.subject-tab-panel-title{font-size:2.5rem;font-weight:700;margin-bottom:8px;color:var(--gray-900)}.subject-tab-panel-subtitle{font-size:1.125rem;color:var(--gray-600);line-height:1.4}.subject-modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.subject-module-card{background-color:var(--white);border-radius:16px;padding:24px;height:100%;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid transparent;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.subject-module-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:var(--primary-blue);text-decoration:none}.subject-module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-blue)}.subject-module-card--secondary:before{background:var(--secondary-purple)}.subject-module-card--accent:before{background:var(--accent-green)}.subject-module-card-header{display:flex;align-items:flex-start;margin-bottom:20px}.subject-module-card-avatar{width:56px;height:56px;border-radius:50%;background:var(--primary-blue);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-right:16px;box-shadow:0 4px 20px #00000026;flex-shrink:0}.subject-module-card-avatar--secondary{background:var(--secondary-purple)}.subject-module-card-avatar--accent{background:var(--accent-green)}.subject-module-card-info{flex:1;min-width:0}.subject-module-card-title{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:var(--gray-900);line-height:1.2}.subject-module-card-category{background-color:#667eea1a;color:var(--primary-blue);font-weight:600;padding:4px 8px;border-radius:12px;font-size:.75rem;height:24px;display:inline-flex;align-items:center;margin-bottom:8px}.subject-module-card-summary{font-size:.875rem;color:var(--gray-600);line-height:1.5;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.subject-module-card-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.subject-module-card-meta-item{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--gray-600);font-weight:600}.subject-module-card-meta-item svg{font-size:16px}.subject-module-card-play{position:absolute;bottom:16px;right:16px;opacity:.6;transition:all .3s ease;color:var(--primary-blue)}.subject-module-card:hover .subject-module-card-play{opacity:1;transform:translate(4px)}.subject-exam-card{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:var(--white);border-radius:16px;padding:32px;margin-bottom:32px;position:relative;overflow:hidden}.subject-exam-card:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;background:#ffffff1a}.subject-exam-card-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.subject-exam-card-info{display:flex;flex-direction:column;gap:16px}.subject-exam-card-header{display:flex;align-items:center;gap:16px}.subject-exam-card-title{font-size:1.5rem;font-weight:700;margin:0}.subject-exam-card-description{font-size:1.125rem;opacity:.9;line-height:1.4;margin:0}.subject-exam-card-chips{display:flex;gap:12px}.subject-exam-card-chip{background-color:#ffffff40;color:var(--white);font-weight:600;padding:6px 12px;border-radius:16px;font-size:.875rem}.subject-exam-card-button{background-color:var(--white);color:#ff6b6b;font-weight:700;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:1rem}.subject-exam-card-button:hover{background-color:#ffffffe6;transform:translateY(-2px);text-decoration:none;color:#ff6b6b}.subject-loading-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.subject-loading-card{background-color:var(--white);padding:24px;border-radius:16px;height:200px}.subject-loading-header{display:flex;align-items:flex-start;margin-bottom:16px}.subject-loading-avatar{width:56px;height:56px;border-radius:50%;margin-right:16px;flex-shrink:0}.subject-loading-content{flex:1}.subject-loading-title{width:80%;height:28px;margin-bottom:8px}.subject-loading-subtitle{width:60%;height:20px}.subject-loading-text{width:100%;height:20px;margin-bottom:8px}.subject-loading-chip{width:80px;height:24px;border-radius:12px;margin-top:16px}.subject-empty-state{background-color:var(--white);padding:48px;text-align:center;border-radius:16px;box-shadow:0 4px 6px #0000001a;border:2px dashed var(--gray-300);grid-column:1 / -1}.subject-empty-state-icon{width:80px;height:80px;border-radius:50%;background-color:var(--primary-blue);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;opacity:.1}.subject-empty-state-title{font-size:1.5rem;font-weight:600;margin-bottom:8px;color:var(--gray-800)}.subject-empty-state-description{font-size:1rem;color:var(--gray-600);margin-bottom:32px;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.4}.subject-empty-state-button{background-color:var(--primary-blue);color:var(--white);border:none;padding:12px 32px;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.subject-empty-state-button:hover{background-color:var(--primary-blue-dark);transform:translateY(-1px);color:var(--white);text-decoration:none}.subject-attempts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.subject-attempt-card{background-color:var(--white);padding:24px;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid var(--gray-200);text-decoration:none}.subject-attempt-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--primary-blue);text-decoration:none}.subject-attempt-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.subject-attempt-card-info h3{font-size:1.25rem;font-weight:700;margin:0 0 4px;color:var(--gray-900)}.subject-attempt-card-info p{font-size:.875rem;color:var(--gray-600);margin:0}.subject-attempt-card-score{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.25rem;font-weight:700}.subject-attempt-card-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px}.subject-attempt-card-meta-item{display:flex;align-items:center;gap:4px;font-size:.875rem;color:var(--gray-600)}.subject-attempt-card-footer{margin-top:16px;padding:8px;background-color:var(--gray-50);border-radius:8px;text-align:center}.subject-attempt-card-footer-text{font-size:.75rem;color:var(--gray-600);font-weight:600;margin:0}@media (max-width: 768px){.subject-container{padding:16px}.subject-header{padding:24px 20px;margin-bottom:24px}.subject-header-chips{flex-direction:column;align-items:flex-start;gap:8px}.subject-header-title{font-size:2rem;margin-bottom:12px}.subject-header-description{font-size:1.125rem;max-width:100%;margin-bottom:20px}.subject-stats-grid{grid-template-columns:repeat(2,1fr);gap:24px;text-align:center}.subject-stat-value{font-size:2rem}.subject-tab{min-height:60px;padding:8px}.subject-tab-description{display:none}.subject-tab-panel-title{font-size:2rem}.subject-modules-grid{grid-template-columns:1fr;gap:20px}.subject-module-card{padding:20px}.subject-module-card-header{margin-bottom:16px}.subject-module-card-avatar{width:48px;height:48px;font-size:1.25rem;margin-right:12px}.subject-exam-card{padding:24px}.subject-exam-card-content{grid-template-columns:1fr;gap:20px;text-align:center}.subject-exam-card-header,.subject-exam-card-chips{justify-content:center;flex-wrap:wrap}.subject-attempts-grid{grid-template-columns:1fr}.subject-empty-state{padding:32px 20px}}@media (max-width: 480px){.subject-container{padding:12px}.subject-header{padding:20px 16px}.subject-header-title{font-size:1.75rem;line-height:1.2}.subject-header-description{font-size:1rem}.subject-stats-grid{grid-template-columns:1fr}.subject-tab-panel-title{font-size:1.75rem}.subject-module-card{padding:16px}.subject-module-card-avatar{width:40px;height:40px;font-size:1rem}.subject-module-card-title{font-size:1.125rem}.subject-exam-card{padding:20px 16px}.subject-exam-card-title{font-size:1.25rem}.subject-exam-card-description{font-size:1rem}.subject-empty-state{padding:24px 16px}.subject-empty-state-title{font-size:1.25rem}.subject-empty-state-description{font-size:.9375rem}}@media (prefers-contrast: high){:root{--primary-blue: #0d47a1;--secondary-purple: #4a148c;--accent-green: #2e7d32;--gray-800: #000000;--gray-700: #212121}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.feature-card:hover,.hero-cta:hover,.quality-cta:hover,.curriculum-option--selected,.grade-option--selected,.welcome-submit-btn:hover,.subject-card:hover,.subject-module-card:hover,.subject-attempt-card:hover,.subject-empty-state-button:hover,.subject-exam-card-button:hover{transform:none}}.instagram-chat{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;width:100%;height:600px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;overflow:hidden;display:flex;flex-direction:column;position:relative}.instagram-chat__header{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;flex-shrink:0}.instagram-chat__header:before{content:"";position:absolute;inset:0;background:#0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.instagram-chat__header-content{display:flex;align-items:center;gap:12px;position:relative;z-index:2;flex:1;min-width:0}.instagram-chat__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;position:relative;flex-shrink:0}.instagram-chat__avatar:before{content:"";position:absolute;inset:2px;background:#fff;border-radius:50%}.instagram-chat__avatar-icon{position:relative;z-index:2;color:#833ab4;font-size:20px}.instagram-chat__header-info{flex:1;min-width:0}.instagram-chat__header-info h3{margin:0;font-size:16px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instagram-chat__header-info p{margin:0;font-size:12px;opacity:.8;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instagram-chat__header-actions{display:flex;gap:8px;position:relative;z-index:2;flex-shrink:0}.instagram-chat__header-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;min-width:unset}.instagram-chat__header-btn:hover{background:#ffffff4d;transform:scale(1.05)}.instagram-chat__suggestions{padding:12px 16px;background:#fafafa;border-bottom:1px solid #efefef;flex-shrink:0}.instagram-chat__suggestions-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.instagram-chat__suggestions-scroll::-webkit-scrollbar{display:none}.instagram-chat__suggestion{background:#fff;border:1px solid #dbdbdb;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;color:#262626;white-space:nowrap;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;flex-shrink:0;min-width:unset;text-transform:none}.instagram-chat__suggestion:hover{background:#f0f2f5;border-color:#c7c7c7;transform:translateY(-1px)}.instagram-chat__suggestion:active{transform:translateY(0)}.instagram-chat__messages{flex:1;overflow-y:auto;padding:16px;background:#fff;scroll-behavior:smooth;min-height:0}.instagram-chat__messages::-webkit-scrollbar{width:3px}.instagram-chat__messages::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:3px}.instagram-chat__messages::-webkit-scrollbar-track{background:transparent}.instagram-chat__message{display:flex;margin-bottom:16px;animation:fadeInUp .3s ease}.instagram-chat__message--user{justify-content:flex-end}.instagram-chat__message--assistant{justify-content:flex-start}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.instagram-chat__message-avatar{width:28px;height:28px;border-radius:50%;margin-right:8px;margin-left:8px;flex-shrink:0;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743);display:flex;align-items:center;justify-content:center}.instagram-chat__message-avatar--user{background:linear-gradient(45deg,#405de6,#833ab4);order:2;margin-left:8px;margin-right:0}.instagram-chat__message-avatar-icon{color:#fff;font-size:14px}.instagram-chat__message-bubble{padding:12px 16px;border-radius:20px;font-size:14px;line-height:1.4;position:relative;word-wrap:break-word;word-break:break-word;transition:all .2s ease}.instagram-chat__message-bubble--user{background:linear-gradient(45deg,#405de6,#5851db);color:#fff;border-bottom-right-radius:4px;margin-left:auto}.instagram-chat__message-bubble--assistant{background:#f0f0f0;color:#262626;border-bottom-left-radius:4px}.instagram-chat__message-bubble--error{background:#ffeaa7;color:#d63031;border:1px solid #fdcb6e}.instagram-chat__message-bubble:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.instagram-chat__message-time{font-size:11px;opacity:.6;margin-top:4px;display:block}.instagram-chat__message-actions{position:absolute;top:-8px;right:-8px;opacity:0;transition:opacity .2s ease}.instagram-chat__message-bubble:hover .instagram-chat__message-actions{opacity:1}.instagram-chat__copy-btn{background:#fff;border:1px solid #dbdbdb;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;padding:0;min-width:unset}.instagram-chat__copy-btn:hover{background:#f8f9fa;transform:scale(1.1)}.instagram-chat__copy-btn--copied{background:#4caf50;border-color:#4caf50;color:#fff}.instagram-chat__loading{display:flex;align-items:center;gap:12px;background:#f0f0f0;padding:12px 16px;border-radius:20px 20px 20px 4px;max-width:200px;margin-bottom:16px}.instagram-chat__loading-dots{display:flex;gap:4px}.instagram-chat__loading-dot{width:6px;height:6px;border-radius:50%;background:#999;animation:loadingDot 1.4s ease-in-out infinite}.instagram-chat__loading-dot:nth-child(1){animation-delay:-.32s}.instagram-chat__loading-dot:nth-child(2){animation-delay:-.16s}@keyframes loadingDot{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.instagram-chat__input-area{padding:16px;background:#fff;border-top:1px solid #efefef;flex-shrink:0}.instagram-chat__input-container{display:flex;align-items:flex-end;gap:12px;background:#f0f2f5;border-radius:20px;padding:8px 16px;transition:all .2s ease}.instagram-chat__input-container:focus-within{background:#e4e6ea;box-shadow:0 0 0 2px #405de633}.instagram-chat__input{flex:1;border:none;background:transparent;font-size:14px;line-height:1.4;resize:none;outline:none;font-family:inherit;max-height:80px;min-height:20px;color:#262626}.instagram-chat__input::placeholder{color:#8e8e8e}.instagram-chat__send-btn{background:linear-gradient(45deg,#405de6,#5851db);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0;min-width:unset}.instagram-chat__send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 8px #405de64d}.instagram-chat__send-btn:disabled{background:#c7c7c7;cursor:not-allowed}.instagram-chat__send-btn svg{color:#fff;font-size:16px}.instagram-chat__input-hint{text-align:center;font-size:11px;color:#8e8e8e;margin-top:8px;line-height:1.3}.instagram-chat__limit-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;background:linear-gradient(to bottom,#fafafa,#fff);overflow-y:auto}.instagram-chat__limit-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(45deg,#ff6b6b,#ee5a24);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 4px 16px #ff6b6b4d;flex-shrink:0}.instagram-chat__limit-title{font-size:20px;font-weight:600;color:#262626;margin-bottom:8px;line-height:1.3}.instagram-chat__limit-subtitle{font-size:14px;color:#8e8e8e;margin-bottom:24px;line-height:1.4}.instagram-chat__limit-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #00000014;margin-bottom:16px;width:100%;max-width:300px}.instagram-chat__limit-card h4{font-size:16px;font-weight:600;color:#262626;margin-bottom:8px}.instagram-chat__limit-card p{font-size:13px;color:#8e8e8e;margin-bottom:16px;line-height:1.4}.instagram-chat__limit-btn{background:linear-gradient(45deg,#405de6,#5851db);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;text-transform:none;min-width:unset}.instagram-chat__limit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #405de64d}.instagram-chat__limit-footer{font-size:11px;color:#c7c7c7;margin-top:16px;line-height:1.3}@media (max-width: 480px){.instagram-chat{max-width:100%;height:100vh;border-radius:0;position:fixed;inset:0;z-index:1000}.instagram-chat__header{padding:12px 16px;padding-top:env(safe-area-inset-top,12px)}.instagram-chat__header-info h3{font-size:15px}.instagram-chat__header-info p{font-size:11px}.instagram-chat__suggestions{padding:8px 12px}.instagram-chat__suggestion{font-size:12px;padding:6px 12px}.instagram-chat__messages{padding:12px}.instagram-chat__message-bubble{max-width:calc(100vw - 120px);font-size:15px}.instagram-chat__input-area{padding:12px;padding-bottom:env(safe-area-inset-bottom,12px)}.instagram-chat__input-container{padding:10px 14px}.instagram-chat__input{font-size:16px}.instagram-chat__limit-screen{padding:20px 16px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.instagram-chat__limit-title{font-size:18px}.instagram-chat__limit-card{padding:16px;max-width:100%}.instagram-chat__input-area{position:relative;z-index:10}}@media (max-width: 360px){.instagram-chat__header{padding:10px 12px}.instagram-chat__header-btn{width:32px;height:32px}.instagram-chat__message-bubble{max-width:calc(100vw - 100px);padding:10px 14px}.instagram-chat__limit-title{font-size:16px}}@media (max-height: 500px) and (orientation: landscape){.instagram-chat{height:100vh}.instagram-chat__limit-screen{padding:16px 20px}.instagram-chat__limit-icon{width:60px;height:60px;margin-bottom:12px}.instagram-chat__limit-title{font-size:16px;margin-bottom:4px}.instagram-chat__limit-card{padding:12px}}@media (prefers-contrast: high){.instagram-chat__message-bubble--assistant{background:#fff;border:2px solid #000000}.instagram-chat__input-container{border:2px solid #000000}}@media (prefers-reduced-motion: reduce){.instagram-chat__message,.instagram-chat__loading-dot{animation:none}*{transition:none!important}}:root{--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 32px;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.5;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--color-primary: #2563eb;--color-text-primary: #1f2937;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--color-border: #e5e7eb;--color-bg-subtle: #f9fafb;--color-bg-section: #ffffff;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem}.lesson-page-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:var(--color-text-primary);line-height:var(--line-height-normal);padding:var(--spacing-lg)!important;max-width:900px;margin:0 auto}.lesson-page-title{font-size:var(--font-size-3xl)!important;font-weight:var(--font-weight-bold)!important;line-height:var(--line-height-tight)!important;margin-bottom:var(--spacing-lg)!important;color:var(--color-text-primary)!important}.lesson-summary{font-size:var(--font-size-md)!important;line-height:var(--line-height-relaxed)!important;color:var(--color-text-secondary)!important;margin-bottom:var(--spacing-xl)!important;font-weight:var(--font-weight-normal)!important}.section-heading{font-size:var(--font-size-2xl)!important;font-weight:var(--font-weight-bold)!important;line-height:var(--line-height-tight)!important;color:var(--color-text-primary)!important;margin:var(--spacing-2xl) 0 var(--spacing-lg) 0!important;border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-sm)!important}.subsection-heading{font-size:var(--font-size-xl)!important;font-weight:var(--font-weight-semibold)!important;line-height:var(--line-height-normal)!important;color:var(--color-text-primary)!important;margin:var(--spacing-xl) 0 var(--spacing-md) 0!important}.content-text{font-size:var(--font-size-base)!important;line-height:var(--line-height-relaxed)!important;margin-bottom:var(--spacing-lg)!important;color:var(--color-text-primary)!important}.learning-objectives{background:var(--color-bg-subtle);border-left:3px solid var(--color-primary);border-radius:4px;padding:var(--spacing-lg)!important;margin:var(--spacing-xl) 0!important}.learning-objectives-title{font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important;color:var(--color-text-primary)!important;margin-bottom:var(--spacing-md)!important}.learning-objectives li{font-size:var(--font-size-base)!important;line-height:var(--line-height-normal)!important;margin-bottom:var(--spacing-sm)!important;color:var(--color-text-primary)!important}.MuiAccordion-root{border-radius:6px!important;margin-bottom:var(--spacing-md)!important;border:1px solid var(--color-border)!important;box-shadow:none!important}.MuiAccordion-root:before{display:none!important}.accordion-header{font-size:var(--font-size-md)!important;font-weight:var(--font-weight-medium)!important;line-height:var(--line-height-normal)!important;color:var(--color-text-primary)!important}.MuiAccordionDetails-root{padding:var(--spacing-lg) var(--spacing-xl)!important}.content-block-title{font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important;line-height:var(--line-height-tight)!important;margin-bottom:var(--spacing-md)!important;color:var(--color-text-primary)!important}.lesson-extensions-container{margin-top:var(--spacing-2xl);border-top:1px solid var(--color-border);padding-top:var(--spacing-2xl)}.lesson-extensions-title{font-size:var(--font-size-2xl)!important;font-weight:var(--font-weight-bold)!important;text-align:left!important;color:var(--color-text-primary)!important;margin-bottom:var(--spacing-xl)!important}.lesson-critical-thinking-title{font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important;color:var(--color-text-primary)!important;margin-bottom:var(--spacing-md)!important}.lesson-critical-thinking-text{font-size:var(--font-size-base)!important;line-height:var(--line-height-relaxed)!important;color:var(--color-text-primary)!important;font-weight:var(--font-weight-normal)!important;background:var(--color-bg-subtle);padding:var(--spacing-lg);border-radius:4px;border-left:3px solid var(--color-primary)}.lesson-application-title{font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important;color:var(--color-text-primary)!important;margin-bottom:var(--spacing-md)!important}.lesson-application-text{font-size:var(--font-size-base)!important;line-height:var(--line-height-relaxed)!important;color:var(--color-text-primary)!important;font-weight:var(--font-weight-normal)!important;padding:var(--spacing-lg);background:var(--color-bg-subtle);border-radius:4px}.lesson-misconception-title{font-size:var(--font-size-md)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text-primary)!important;margin-bottom:var(--spacing-md)!important}.lesson-misconception-subtitle{font-size:var(--font-size-base)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text-primary)!important;margin-bottom:var(--spacing-sm)!important}.lesson-misconception-text{font-size:var(--font-size-base)!important;line-height:var(--line-height-normal)!important;color:var(--color-text-primary)!important;margin-bottom:var(--spacing-md)!important}.lesson-misconception-explanation{font-size:var(--font-size-sm)!important;line-height:var(--line-height-normal)!important;color:var(--color-text-secondary)!important}.lesson-reflection-title{font-size:var(--font-size-md)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text-primary)!important;margin-bottom:var(--spacing-md)!important}.lesson-reflection-text{font-size:var(--font-size-base)!important;line-height:var(--line-height-relaxed)!important;color:var(--color-text-secondary)!important;font-weight:var(--font-weight-normal)!important}.interactive-element-title,.key-term-title,.case-study-title,.activity-title,.example-title{font-size:var(--font-size-md)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text-primary)!important;margin-bottom:var(--spacing-sm)!important}.interactive-element-text,.key-term-definition,.case-study-text,.activity-text,.example-text{font-size:var(--font-size-base)!important;line-height:var(--line-height-normal)!important;color:var(--color-text-primary)!important}.content-list li{font-size:var(--font-size-base)!important;line-height:var(--line-height-normal)!important;margin-bottom:var(--spacing-xs)!important;color:var(--color-text-primary)!important}.lesson-button{font-size:var(--font-size-base)!important;font-weight:var(--font-weight-medium)!important;padding:var(--spacing-md) var(--spacing-lg)!important;border-radius:4px!important;background-color:var(--color-primary)!important;color:#fff!important;border:none!important;text-transform:none!important;transition:opacity .2s ease!important}.lesson-button:hover{opacity:.9!important;transform:none!important;box-shadow:none!important}.caption-text,.media-caption{font-size:var(--font-size-sm)!important;line-height:var(--line-height-normal)!important;color:var(--color-text-muted)!important}.subtle-text{font-size:var(--font-size-sm)!important;color:var(--color-text-secondary)!important}.fine-print{font-size:var(--font-size-xs)!important;color:var(--color-text-muted)!important}.progress-text{font-size:var(--font-size-base)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text-primary)!important}.content-chip{font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-normal)!important;padding:var(--spacing-xs) var(--spacing-sm)!important;background-color:var(--color-bg-subtle)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important;border-radius:4px!important}.MuiPaper-root{box-shadow:0 1px 3px #0000001a!important;border-radius:6px!important;border:1px solid var(--color-border)!important}.MuiPaper-root .MuiCardContent-root,.MuiCard-root .MuiCardContent-root{padding:var(--spacing-md)!important}.MuiPaper-root .MuiCardContent-root:last-child,.MuiCard-root .MuiCardContent-root:last-child{padding-bottom:var(--spacing-md)!important}.lesson-header-compact{padding:var(--spacing-xl) var(--spacing-lg)!important;margin-bottom:var(--spacing-xl)!important}.content-section{margin-bottom:var(--spacing-2xl)}.lesson-progress-bar{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}.lesson-toc{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:6px;padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.lesson-toc-title{font-size:var(--font-size-md)!important;font-weight:var(--font-weight-semibold)!important;margin-bottom:var(--spacing-md)!important;color:var(--color-text-primary)!important}.lesson-toc-item{font-size:var(--font-size-sm)!important;color:var(--color-text-secondary)!important;text-decoration:none;display:block;padding:var(--spacing-xs) 0;border-left:2px solid transparent;padding-left:var(--spacing-sm);transition:all .2s ease}.lesson-toc-item:hover{color:var(--color-primary)!important;border-left-color:var(--color-primary);background-color:#2563eb0d}.lesson-toc-item.active{color:var(--color-primary)!important;font-weight:var(--font-weight-medium)!important;border-left-color:var(--color-primary);background-color:#2563eb1a}.key-concept-highlight{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;padding:var(--spacing-lg);margin:var(--spacing-lg) 0;position:relative}.key-concept-highlight:before{content:"💡";position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);font-size:20px;opacity:.7}.quick-review-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:var(--spacing-md);margin:var(--spacing-lg) 0;border-left:4px solid var(--color-primary)}.quick-review-title{font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-semibold)!important;color:var(--color-primary)!important;margin-bottom:var(--spacing-xs)!important;text-transform:uppercase;letter-spacing:.5px}.lesson-navigation{background:var(--color-bg-subtle);border-radius:8px;padding:var(--spacing-lg);margin-top:var(--spacing-2xl);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.lesson-nav-info{text-align:center;flex:1}.lesson-nav-current{font-size:var(--font-size-sm)!important;color:var(--color-text-secondary)!important;margin-bottom:var(--spacing-xs)!important}.lesson-nav-title{font-size:var(--font-size-base)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text-primary)!important}.learning-objectives{background:var(--color-bg-subtle);border-left:3px solid var(--color-primary);border-radius:6px;padding:var(--spacing-lg)!important;margin:var(--spacing-xl) 0!important}.learning-objectives-title{font-size:var(--font-size-md)!important;font-weight:var(--font-weight-semibold)!important;color:var(--color-text-primary)!important;margin-bottom:var(--spacing-md)!important;display:flex;align-items:center}.learning-objectives-title:before{content:"🎯";margin-right:var(--spacing-sm);font-size:18px}.learning-objectives li{font-size:var(--font-size-base)!important;line-height:var(--line-height-relaxed)!important;margin-bottom:var(--spacing-sm)!important;color:var(--color-text-primary)!important;position:relative;padding-left:var(--spacing-md)}.learning-objectives li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:700}.scannable-header{position:relative;padding-left:var(--spacing-lg)}.scannable-header:before{content:attr(data-number);position:absolute;left:0;top:0;width:var(--spacing-md);height:var(--spacing-md);background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}@media print{.lesson-toc,.lesson-navigation,.lesson-button{display:none!important}.MuiAccordion-root{border:none!important;box-shadow:none!important}.MuiAccordionSummary-root{background:none!important;border:none!important}.accordion-header{font-weight:var(--font-weight-bold)!important;border-bottom:1px solid #ccc!important;padding-bottom:var(--spacing-xs)!important}.MuiAccordionDetails-root{padding:var(--spacing-md) 0!important}}@media (max-width: 768px){:root{--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 17px;--font-size-lg: 19px;--font-size-xl: 22px;--font-size-2xl: 26px;--font-size-3xl: 28px}.lesson-page-container{padding:var(--spacing-md)!important}}@media (max-width: 480px){:root{--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 26px}.lesson-page-container{padding:var(--spacing-sm)!important}.learning-objectives,.lesson-critical-thinking-text,.lesson-application-text{padding:var(--spacing-md)!important}}.lesson-button:focus,.accordion-header:focus,.MuiAccordionSummary-root:focus{outline:2px solid var(--color-primary)!important;outline-offset:2px!important}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}@media print{.lesson-page-container{font-size:11pt!important;line-height:1.3!important;color:#000!important;padding:0!important}.lesson-button{display:none!important}.MuiPaper-root{box-shadow:none!important;border:1px solid #ccc!important}.learning-objectives,.lesson-critical-thinking-text,.lesson-application-text{background:#f5f5f5!important}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}