:root{--primary-color:#0375a6;--primary-light:#4cc9f0;--primary-dark:#025f8a;--secondary-color:#ff7e00;--secondary-light:#fa5;--secondary-dark:#e56b00;--success-color:#27ae60;--warning-color:#f39c12;--error-color:#e74c3c;--info-color:#3498db;--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#e9ecef;--text-primary:#333;--text-secondary:#6c757d;--text-muted:#95a5a6;--border-color:#dee2e6;--shadow-color:rgba(0,0,0,.1);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--font-family-heading:'Montserrat' , sans-serif;--font-family-body:'Open Sans' , sans-serif;--font-family-code:'Fira Code' , monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-size-h1:2.5rem;--font-size-h2:2rem;--font-size-h3:1.5rem;--font-size-h4:1.25rem;--border-radius-sm:.25rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-circle:50%;--shadow-sm:0 1px 3px rgba(0,0,0,.12);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-inset:inset 0 2px 4px rgba(0,0,0,.06);--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-tooltip:1060}[data-theme="dark"]{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--text-primary:#f0f0f0;--text-secondary:#adb5bd;--text-muted:#8d99ae;--border-color:#495057;--shadow-color:rgba(0,0,0,.3);--primary-color:#4cc9f0;--primary-light:#7dd8f6;--primary-dark:#4361ee;--secondary-color:#f72585;--secondary-light:#f95da8;--secondary-dark:#d61a6f}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family: var(--font-family-body);font-size:var(--font-size-md);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-normal) , color var(--transition-normal);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family: var(--font-family-heading);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--primary-color)}h1{font-size:var(--font-size-h1);margin-top:var(--spacing-xxl);margin-bottom:var(--spacing-xl)}h2{font-size:var(--font-size-h2);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-light)}h3{font-size:var(--font-size-h3);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}h4{font-size:var(--font-size-h4);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg);line-height:1.7}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark);text-decoration:underline}ul,ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}li{margin-bottom:var(--spacing-sm)}code{font-family: var(--font-family-code);background-color:var(--bg-tertiary);padding:.2em .4em;border-radius:var(--border-radius-sm);font-size:.9em}pre{font-family: var(--font-family-code);background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--border-radius-md);overflow-x:auto;margin-bottom:var(--spacing-lg)}pre code{background-color:transparent;padding:0}blockquote{border-left:4px solid var(--primary-color);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg) 0;background-color:var(--bg-tertiary);border-radius:var(--border-radius-md);font-style:italic}hr{border:0;height:1px;background-color:var(--border-color);margin:var(--spacing-xl) 0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col{flex:1;padding:0 15px}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.main-header{background-color:var(--bg-secondary);box-shadow:0 2px 10px var(--shadow-color);padding:var(--spacing-md) 0;position:fixed;top:0;left:0;right:0;z-index:var(--z-index-fixed);transition:background-color var(--transition-normal)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;font-family: var(--font-family-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color);text-decoration:none}.logo img{margin-right:var(--spacing-sm)}.logo:hover{text-decoration:none}.main-nav{display:flex;align-items:center}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:var(--font-size-xl);cursor:pointer}.nav-list{display:flex;list-style:none;margin:0;padding:0}.nav-link{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-weight:500;text-decoration:none;transition:color var(--transition-fast) , background-color var(--transition-fast);border-radius:var(--border-radius-md)}.nav-link i{margin-right:var(--spacing-sm)}.nav-link:hover,.nav-link.active{color:var(--primary-color);background-color:var(--bg-tertiary);text-decoration:none}.user-controls{display:flex;align-items:center;gap:var(--spacing-md)}.theme-toggle{background:none;border:none;color:var(--text-primary);font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-circle);transition:background-color var(--transition-fast)}.theme-toggle:hover{background-color:var(--bg-tertiary)}.user-profile{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.avatar{width:32px;height:32px;border-radius:var(--border-radius-circle);object-fit:cover}.user-name{font-weight:500}.breadcrumb-container{background-color:var(--bg-tertiary);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.breadcrumb{display:flex;list-style:none;margin:0;padding:0;font-size:var(--font-size-sm)}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item:not(:last-child)::after {content:"/";margin:0 var(--spacing-sm);color:var(--text-secondary)}.breadcrumb-item a{color:var(--text-secondary)}.breadcrumb-item.active{color:var(--text-primary);font-weight:500}.lesson-navigation{background-color:var(--bg-secondary);padding:var(--spacing-md) 0;margin-bottom:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.lesson-nav-controls{display:flex;justify-content:space-between;align-items:center}.nav-btn{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--border-radius-md);text-decoration:none;transition:background-color var(--transition-fast)}.nav-btn:hover{background-color:var(--primary-light);color:#fff;text-decoration:none}.nav-btn.prev-lesson i{margin-right:var(--spacing-sm)}.nav-btn.next-lesson i{margin-left:var(--spacing-sm)}.nav-btn.disabled{opacity:.5;cursor:not-allowed}.lesson-progress{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.lesson-number{font-weight:500;font-size:var(--font-size-sm)}.progress-bar{width:200px;height:8px;background-color:var(--bg-tertiary);border-radius:var(--border-radius-lg);overflow:hidden}.progress-fill{height:100%;background-color:var(--primary-color);border-radius:var(--border-radius-lg);transition:width var(--transition-normal)}.main-content{padding:var(--spacing-lg) 0 var(--spacing-xxl)}.content-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-xl)}.content-sidebar{position:sticky;top:90px;height:calc(100vh - 90px);overflow-y:auto;padding-right:var(--spacing-sm)}.module-outline,.lesson-resources{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md)}.module-outline h3,.lesson-resources h3{margin-top:0;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.lesson-list,.resources-list{list-style:none;padding:0;margin:0}.lesson-item{margin-bottom:var(--spacing-sm)}.lesson-link{display:flex;align-items:center;padding:var(--spacing-sm);border-radius:var(--border-radius-md);color:var(--text-primary);text-decoration:none;transition:background-color var(--transition-fast)}.lesson-link:hover{background-color:var(--bg-tertiary);text-decoration:none}.lesson-status{margin-right:var(--spacing-sm);color:var(--text-secondary)}.lesson-item.active .lesson-link{background-color:var(--primary-color);color:#fff}.lesson-item.active .lesson-status{color:#fff}.lesson-item.completed .lesson-status{color:var(--success-color)}.resource-link{display:flex;align-items:center;padding:var(--spacing-sm);color:var(--text-primary);text-decoration:none;border-radius:var(--border-radius-md);transition:background-color var(--transition-fast)}.resource-link:hover{background-color:var(--bg-tertiary);text-decoration:none}.resource-link i{margin-right:var(--spacing-sm);color:var(--primary-color)}.lesson-content{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.lesson-header{margin-bottom:var(--spacing-xl)}.lesson-header h1{margin-top:0}.lesson-meta{display:flex;gap:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-sm)}.lesson-meta span{display:flex;align-items:center}.lesson-meta i{margin-right:var(--spacing-xs)}.learning-objectives{background-color:var(--bg-tertiary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.learning-objectives h2{display:flex;align-items:center;margin-top:0;margin-bottom:var(--spacing-md);border-bottom:none;padding-bottom:0}.learning-objectives h2 i{margin-right:var(--spacing-sm)}.objectives-list{margin-bottom:0}.objectives-list li{margin-bottom:var(--spacing-sm)}.content-body{margin-bottom:var(--spacing-xl)}.summary-section{margin-bottom:var(--spacing-xl)}.summary-card{background-color:var(--bg-tertiary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.quiz-section{margin-bottom:var(--spacing-xl)}.quiz-container{background-color:var(--bg-tertiary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.quiz-progress{display:flex;flex-direction:column;margin-bottom:var(--spacing-md)}.quiz-question{font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--spacing-md)}.quiz-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.quiz-option{display:flex;align-items:center;padding:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:background-color var(--transition-fast) , border-color var(--transition-fast)}.quiz-option:hover{background-color:var(--bg-primary)}.quiz-option.selected{border-color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.1)}.quiz-option.correct{border-color:var(--success-color);background-color:rgba(var(--success-color-rgb),.1)}.quiz-option.incorrect{border-color:var(--error-color);background-color:rgba(var(--error-color-rgb),.1)}.quiz-option input[type="radio"]{margin-right:var(--spacing-md)}.quiz-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-md)}.quiz-feedback{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-md)}.feedback-correct{color:var(--success-color)}.feedback-incorrect{color:var(--error-color)}.exercises-section{margin-bottom:var(--spacing-xl)}.exercise-card{background-color:var(--bg-tertiary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.exercise-card h3{margin-top:0}.exercise-description{margin-bottom:var(--spacing-md)}.exercise-actions{display:flex;justify-content:flex-end}.exercise-solution{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.exercise-solution h4{margin-top:0;color:var(--success-color)}.reflection-section{margin-bottom:var(--spacing-xl)}.reflection-list li{margin-bottom:var(--spacing-md);font-style:italic}.curiosities-section{margin-bottom:var(--spacing-xl)}.curiosities-carousel{display:flex;overflow-x:auto;gap:var(--spacing-md);padding-bottom:var(--spacing-md)}.curiosity-card{flex:0 0 300px;background-color:var(--bg-tertiary);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.next-steps{background-color:var(--bg-tertiary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-xxl)}.next-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:var(--border-radius-md);font-family: var(--font-family-body);font-size:var(--font-size-md);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast) , color var(--transition-fast);text-decoration:none}.btn:hover{background-color:var(--bg-primary);text-decoration:none}.btn i{margin-right:var(--spacing-sm)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);color:#fff}.btn-outline{background-color:transparent;border:1px solid var(--border-color)}.btn-outline:hover{background-color:var(--bg-tertiary)}.btn:disabled{opacity:.5;cursor:not-allowed}.main-footer{background-color:var(--bg-secondary);padding:var(--spacing-xl) 0;margin-top:var(--spacing-xxl);border-top:1px solid var(--border-color)}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.footer-logo{display:flex;align-items:center;font-family: var(--font-family-heading);font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color)}.footer-logo img{margin-right:var(--spacing-sm)}.footer-links{display:flex;gap:var(--spacing-lg)}.copyright{text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.floating-components{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:var(--z-index-fixed)}.floating-btn{width:50px;height:50px;border-radius:var(--border-radius-circle);background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);box-shadow:var(--shadow-lg);cursor:pointer;border:none;transition:transform var(--transition-fast) , background-color var(--transition-fast)}.floating-btn:hover{transform:translateY(-3px);background-color:var(--primary-dark)}.notes-panel{position:fixed;top:0;right:-400px;width:400px;height:100vh;background-color:var(--bg-secondary);box-shadow:var(--shadow-lg);z-index:var(--z-index-modal);transition:right var(--transition-normal);display:flex;flex-direction:column}.notes-panel.active{right:0}.notes-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.notes-header h3{margin:0}.close-notes{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--text-primary)}.notes-content{flex:1;padding:var(--spacing-md);overflow-y:auto}#user-notes{width:100%;height:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-family: var(--font-family-body);font-size:var(--font-size-md);resize:none}.notes-footer{padding:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.my-0{margin-top:0;margin-bottom:0}.mt-1{margin-top:var(--spacing-sm)}.mb-1{margin-bottom:var(--spacing-sm)}.my-1{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mb-2{margin-bottom:var(--spacing-md)}.my-2{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-3{margin-bottom:var(--spacing-lg)}.my-3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-4{margin-bottom:var(--spacing-xl)}.my-4{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.mt-5{margin-top:var(--spacing-xxl)}.mb-5{margin-bottom:var(--spacing-xxl)}.my-5{margin-top:var(--spacing-xxl);margin-bottom:var(--spacing-xxl)}@media (max-width:1200px){.container{max-width:960px}}@media (max-width:992px){.container{max-width:720px}.content-layout{grid-template-columns:1fr}.content-sidebar{display:none}}@media (max-width:768px){.container{max-width:540px}.mobile-menu-toggle{display:block}.nav-list{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background-color:var(--bg-secondary);flex-direction:column;padding:var(--spacing-lg);transition:left var(--transition-normal);z-index:var(--z-index-fixed)}.nav-list.active{left:0}.nav-list li{margin-bottom:var(--spacing-md)}.lesson-nav-controls{flex-direction:column;gap:var(--spacing-md)}.lesson-progress{order:-1;margin-bottom:var(--spacing-md)}.lesson-meta{flex-direction:column;gap:var(--spacing-sm)}.next-actions{flex-direction:column}.footer-content{flex-direction:column;gap:var(--spacing-lg);text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}.notes-panel{width:100%;right:-100%}}@media (max-width:576px){h1{font-size: calc(var(--font-size-h1) * 0.8)}h2{font-size: calc(var(--font-size-h2) * 0.8)}.lesson-content{padding:var(--spacing-md)}.floating-components{bottom:var(--spacing-md);right:var(--spacing-md)}}