:root{--bg: #0f172a;--bg-elevated: #1e293b;--bg-card: #1e293b;--border: rgba(148, 163, 184, .15);--border-hover: rgba(148, 163, 184, .3);--accent: #ff570f;--accent-soft: rgba(255, 87, 15, .15);--accent-hover: #ff6b2d;--accent-secondary: #f59e0b;--accent-tertiary: #8b5cf6;--text: #f1f5f9;--text-muted: #94a3b8;--text-soft: #8292a9;--success: #22c55e;--success-soft: rgba(34, 197, 94, .15);--code-bg: #0f172a;--code-text: #e2e8f0;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--sidebar-width: 280px;--sidebar-width-expanded: 280px;--sidebar-width-collapsed: 72px;--sidebar-width-mobile: 300px;--sidebar-transition: width .3s cubic-bezier(.4, 0, .2, 1);--content-max-width: 1100px}[data-theme=light]{--bg: #f8fafc;--bg-elevated: #ffffff;--bg-card: #ffffff;--border: rgba(71, 85, 105, .15);--border-hover: rgba(71, 85, 105, .3);--accent: #cc3d00;--accent-soft: rgba(204, 61, 0, .1);--accent-hover: #a83400;--accent-secondary: #d97706;--accent-tertiary: #7c3aed;--text: #0f172a;--text-muted: #475569;--text-soft: #627186;--success: #16a34a;--success-soft: rgba(22, 163, 74, .1);--code-bg: #f1f5f9;--code-text: #334155}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}#root{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:var(--sidebar-width-expanded);background:var(--bg);border-right:1px solid var(--border);padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);flex-shrink:0;overflow-y:auto;transition:var(--sidebar-transition)}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md)}.sidebar-header-brand{display:flex;align-items:center;gap:var(--space-sm);flex:1;overflow:hidden;min-width:0}.sidebar-header-divider{width:1px;height:24px;background:var(--border)}.sidebar-header-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0;position:relative;z-index:10}.mobile-header,.menu-close,.sidebar-backdrop{display:none}.sidebar-brand{display:flex;align-items:center;gap:var(--space-sm);padding:0;color:var(--text);text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .15s ease;min-width:0}.sidebar-brand>span{line-height:1.3}.sidebar-brand:hover{color:var(--text);text-decoration:none}.sidebar-brand svg{flex-shrink:0}.sidebar-brand .brand-logo{height:40px;width:auto;flex-shrink:0}.sidebar-brand .brand-logo-icon{height:32px;width:auto;flex-shrink:0}.theme-toggle,.sidebar-toggle{display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease;opacity:.7;position:relative;z-index:10}.theme-toggle:hover,.sidebar-toggle:hover{color:var(--text);opacity:1;transform:scale(1.1)}.theme-toggle svg,.sidebar-toggle svg{width:24px;height:24px}.sidebar h2{margin:0 0 var(--space-sm);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft)}.course-title-section{margin:var(--space-lg) 0 var(--space-md)}.course-title{font-size:.95rem;font-weight:500;color:var(--text);line-height:1.4}.back-link{margin-bottom:var(--space-md)}.sidebar.collapsed .module-link.back-link{margin:0 auto var(--space-sm);background:transparent;border:none;padding:0;width:auto;height:auto;opacity:.7;color:var(--text-muted)}.sidebar.collapsed .module-link.back-link:hover{background:transparent;border:none;color:var(--text);opacity:1;transform:scale(1.1)}.sidebar .modules{display:flex;flex-direction:column;gap:var(--space-xs)}.sidebar .module-link{display:flex;justify-content:flex-start;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--text-muted);text-decoration:none;transition:all .15s ease}.sidebar .module-link.locked{opacity:.7;cursor:not-allowed;color:var(--text-soft);pointer-events:none}.sidebar .module-link .module-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);transition:color .3s ease}.sidebar .module-link:hover{background:var(--bg-elevated);color:var(--text);text-decoration:none}.sidebar .module-link.active{background:var(--accent-soft);color:var(--accent)}.sidebar .module-link.active .module-icon{color:var(--accent)}.sidebar .module-link:hover[data-course=react] .module-icon{color:#61dafb}.sidebar .module-link:hover[data-course=nextjs] .module-icon{color:var(--text)}.sidebar .module-link:hover[data-course=angular] .module-icon{color:#dd0031}.sidebar .module-link:hover[data-course=ember] .module-icon{color:#e04e39}.sidebar .module-link:hover[data-course=code] .module-icon,.sidebar .module-link:hover[data-course=book] .module-icon,.sidebar .module-link:hover[data-course=design] .module-icon,.sidebar .module-link:hover[data-course=layers] .module-icon{color:var(--accent)}.sidebar .progress-pill{margin-left:auto;padding:2px 8px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:600;color:var(--text-soft);background:var(--bg-elevated)}.sidebar .module-link.active .progress-pill{background:#38bdf833;color:var(--accent)}[data-theme=dark] .sidebar .module-link.active .progress-pill{background:#0f182a}.sidebar .module-item{margin-bottom:var(--space-xs)}.sidebar .module-header{display:flex;align-items:center;gap:var(--space-xs);position:relative}.sidebar .module-header .module-link{flex:1;margin-bottom:0}.sidebar .module-toggle{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-soft);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease;padding:0}.sidebar .module-toggle:hover{background:var(--bg-elevated);color:var(--text)}.sidebar .module-header.current .module-toggle{color:var(--accent)}.sidebar .steps-list{margin-left:var(--space-md);margin-top:var(--space-xs);padding-left:var(--space-md);border-left:2px solid var(--border);display:flex;flex-direction:column;gap:2px}.sidebar .step-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-muted);text-decoration:none;transition:all .15s ease;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.sidebar .step-link:hover{background:var(--bg-elevated);color:var(--accent)}.sidebar .step-link.current{background:var(--accent-soft);color:var(--accent);font-weight:500}.sidebar .step-number{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--text-soft);background:var(--bg-elevated);border-radius:var(--radius-full)}.sidebar .step-link:hover .step-number{background:var(--bg-card);color:var(--text-muted)}.sidebar .step-link.current .step-number{background:var(--accent);color:var(--bg)}.sidebar .step-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed{width:var(--sidebar-width-collapsed);padding:var(--space-md)}.sidebar.collapsed .sidebar-brand>span,.sidebar.collapsed h2,.sidebar.collapsed .progress-pill,.sidebar.collapsed .user-menu-link>span:not(.user-menu-avatar),.sidebar.collapsed .module-link>span:not(.module-icon){display:none}.sidebar.collapsed .menu-close{display:none}.sidebar.collapsed .sidebar-header{margin-bottom:var(--space-sm);flex-direction:column;align-items:center;gap:var(--space-md);padding:0;background:transparent}.sidebar.collapsed .sidebar-header-brand{order:1;justify-content:center}.sidebar.collapsed .sidebar-header-divider{display:none}.sidebar.collapsed .sidebar-brand{position:relative;justify-content:center;padding:0;background:transparent;border:none;transition:all .15s ease}.sidebar.collapsed .sidebar-brand:hover{background:transparent}.sidebar.collapsed .sidebar-brand svg{width:32px;height:32px}.sidebar.collapsed .sidebar-header-actions{width:100%;flex-direction:column;align-items:center;gap:var(--space-sm);order:2}.sidebar.collapsed .modules{gap:var(--space-xs);padding:0}.sidebar.collapsed .sidebar-footer{padding-top:var(--space-md);margin-top:auto}.sidebar.collapsed .user-menu{flex-direction:column;gap:var(--space-md);padding:0;background:transparent}.sidebar.collapsed .user-menu-divider{display:none}.sidebar.collapsed .theme-toggle-wrapper{justify-content:center;margin:0 auto;display:flex;align-items:center}.sidebar.collapsed .module-link{position:relative;justify-content:center;align-items:center;padding:0;font-size:.95rem;font-weight:600;height:39px;width:39px;margin:0 auto;border-radius:var(--radius-md);transition:all .15s ease;background:transparent;border:1px solid transparent}.sidebar.collapsed .module-link:hover{background:var(--bg-elevated);border-color:var(--border)}.sidebar.collapsed .module-link.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.sidebar.collapsed .module-link>span:first-child{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.module-icon{display:inline-flex;align-items:center;justify-content:center}.sidebar.collapsed .user-menu-link{position:relative;justify-content:center;padding:0;margin:0 auto;background:transparent;border:none;transition:all .2s ease;opacity:.7}.sidebar.collapsed .user-menu-link:hover{background:transparent;opacity:1;transform:scale(1.1)}.sidebar.collapsed .user-menu-link.active{background:transparent;opacity:1}.sidebar.collapsed .user-menu-avatar{width:32px;height:32px;font-size:.9rem}.main{flex:1;min-width:650px;max-width:var(--content-max-width);width:100%;padding:var(--space-2xl) var(--space-xl);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg)}.main h1{margin:0 0 var(--space-sm);font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.main>p:first-of-type{margin:0 0 var(--space-lg);font-size:1.1rem;color:var(--text-muted);max-width:600px}.main h2{margin:0 0 var(--space-sm);font-size:1.25rem;font-weight:600;color:var(--text)}.main h3{margin:var(--space-lg) 0 var(--space-sm);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft)}.main p{margin:var(--space-sm) 0;font-size:.95rem;line-height:1.7;color:var(--text-muted)}.card{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-xl);border:1px solid var(--border);transition:border-color .15s ease}.card:hover{border-color:var(--border-hover)}.card+.card{margin-top:var(--space-md)}hr{border:none;height:2px;overflow:visible;text-align:center;margin:var(--space-2xl) 0;background:linear-gradient(90deg,var(--border) 0%,var(--border) 20%,#fbbf24 30%,#f97316 40%,#ef4444 47%,#dc2626 50%,#ef4444 53%,#f97316 60%,#fbbf24 70%,var(--border) 80%,var(--border) 100%);border-radius:2px}hr:after{content:"{ 🔥 }";background:var(--bg);padding:0 var(--space-md);position:relative;top:-14px;font-size:1.25rem;display:inline-block;color:#ff4500}.progress-bar-outer{width:100%;height:8px;border-radius:var(--radius-pill);background:var(--bg);overflow:hidden;margin-top:var(--space-sm)}.progress-bar-inner{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:var(--radius-pill);transition:width .3s ease-out}.checklist{list-style:none;padding:0;margin:var(--space-md) 0 0;display:flex;flex-direction:column;gap:var(--space-sm)}.checklist-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;font-size:.95rem;color:var(--text-muted);line-height:1.6}.checklist-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.checklist-item label{cursor:pointer;flex:1}.features-list{list-style:none;padding:0;margin:var(--space-md) 0;display:grid;grid-template-columns:1fr;gap:var(--space-sm)}@media(min-width:768px){.features-list{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}.features-list li{display:flex;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:.95rem;color:var(--text);line-height:1.6}.features-list li .icon{flex-shrink:0}.features-list li .text{flex:1}.external-link-btn{display:inline;background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font-size:inherit;font-family:inherit;font-weight:500;transition:color .15s ease}.external-link-btn:hover{color:var(--accent-hover);text-decoration:underline}pre{background:var(--bg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--border);overflow-x:auto;margin:var(--space-md) 0}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.6}pre code{color:var(--code-text)}:not(pre)>code{background:var(--bg);color:var(--accent);padding:2px 6px;border-radius:var(--radius-sm);font-size:.85em}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-hover);text-decoration:underline}.lightbox-overlay{position:fixed;inset:0;background:#0f172ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-xl)}.lightbox-container{position:relative;width:100%;max-width:1100px;height:85vh;background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080}.lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);background:var(--bg)}.lightbox-title{font-size:.9rem;font-weight:500;color:var(--text-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:var(--space-lg)}.lightbox-actions{display:flex;gap:var(--space-sm)}.lightbox-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.lightbox-btn:hover{background:var(--bg-card);color:var(--text);border-color:var(--border-hover)}.lightbox-close{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:all .15s ease}.lightbox-close:hover{background:#ef444426;color:#ef4444;border-color:#ef44444d}.lightbox-content{flex:1;overflow:hidden}.lightbox-iframe{width:100%;height:100%;border:none;background:#fff}.lightbox-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-muted)}.lightbox-blocked{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-md);color:var(--text-muted);text-align:center;padding:var(--space-xl)}.lightbox-blocked p{margin:0}.lightbox-open-btn{background:var(--accent);color:var(--bg);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:opacity .15s ease}.lightbox-open-btn:hover{opacity:.9}.quiz-section{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--accent-soft);border-radius:var(--radius-lg);border:1px solid rgba(56,189,248,.2)}.quiz-section h3{color:var(--accent);margin:0 0 var(--space-md);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.quiz-section ul{margin:0;padding-left:var(--space-lg)}.quiz-section li{color:var(--text-muted);font-size:.9rem;margin:var(--space-sm) 0;line-height:1.6}.quiz-section.interactive{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .quiz-section.interactive{background:#0f182a}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.quiz-header h3{margin:0}.quiz-score{font-size:.9rem;font-weight:600;color:var(--accent)}background: var(--accent-soft); padding: var(--space-xs) var(--space-md); border-radius: var(--radius-pill); } .quiz-percentage{color:var(--text-muted);font-weight:500}.quiz-questions{display:flex;flex-direction:column;gap:var(--space-lg)}.quiz-question{padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.quiz-question:last-child{border-bottom:none;padding-bottom:0}.quiz-question-text{font-size:1rem;color:var(--text);margin:0 0 var(--space-md);line-height:1.7}.quiz-options{display:flex;flex-direction:column;gap:var(--space-sm)}.quiz-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit;font-size:.95rem;color:var(--text-muted)}.quiz-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.quiz-option:disabled{cursor:default}.quiz-option.correct{border-color:var(--success);background:var(--success-soft);color:var(--text)}.quiz-option.incorrect{border-color:#ef4444;background:#ef444426;color:var(--text)}.quiz-option-letter{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;color:var(--text-soft);flex-shrink:0}.quiz-option.correct .quiz-option-letter{background:var(--success);color:#fff}.quiz-option.incorrect .quiz-option-letter{background:#ef4444;color:#fff}.quiz-option-text{flex:1}.quiz-option-icon{font-size:1.1rem;font-weight:700}.quiz-option.correct .quiz-option-icon{color:var(--success)}.quiz-option.incorrect .quiz-option-icon{color:#ef4444}.quiz-blank-input{display:inline-block;width:180px;padding:var(--space-xs) var(--space-sm);margin:0 var(--space-xs);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:inherit;vertical-align:baseline}.quiz-blank-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.quiz-blank-input::placeholder{color:var(--text-soft)}.quiz-blank-answer{display:inline-block;padding:var(--space-xs) var(--space-sm);margin:0 var(--space-xs);border-radius:var(--radius-sm);font-weight:600}.quiz-blank-answer.correct{background:var(--success-soft);color:var(--success)}.quiz-blank-answer.incorrect{background:#ef444426;color:#ef4444;text-decoration:line-through}.quiz-correct-answer{margin-top:var(--space-sm);font-size:.9rem;color:var(--success)}.quiz-textarea{width:100%;padding:var(--space-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:inherit;font-size:.95rem;line-height:1.6;resize:vertical;min-height:100px}.quiz-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.quiz-textarea::placeholder{color:var(--text-soft)}.quiz-user-response,.quiz-sample-answer{padding:var(--space-md);background:var(--bg);border-radius:var(--radius-md);margin-top:var(--space-sm)}.quiz-user-response strong,.quiz-sample-answer strong{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);margin-bottom:var(--space-xs)}.quiz-user-response p,.quiz-sample-answer p{margin:0;color:var(--text-muted)}.quiz-sample-answer{border-left:3px solid var(--accent)}.quiz-submit-btn,.quiz-toggle-sample{margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease}.quiz-submit-btn:hover:not(:disabled),.quiz-toggle-sample:hover{background:var(--accent-hover)}.quiz-submit-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-toggle-sample{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.quiz-toggle-sample:hover{background:var(--bg);color:var(--text);border-color:var(--border-hover)}.quiz-result{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);text-align:center}.quiz-result p{margin:0;font-weight:500}.quiz-result.success{background:var(--success-soft);border:1px solid rgba(34,197,94,.3)}.quiz-result.success p{color:var(--success)}.quiz-result.partial{background:#eab30826;border:1px solid rgba(234,179,8,.3)}.quiz-result.partial p{color:#eab308}.quiz-result.retry{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.quiz-result.retry p{color:#ef4444}.home{display:flex;flex-direction:column;gap:var(--space-xl)}.hero-banner{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-2xl);background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg) 100%);border-radius:var(--radius-xl);border:1px solid var(--border)}.hero-logo{flex-shrink:0}.hero-logo svg{width:80px;height:80px}.hero-logo img{width:120px;height:auto;max-width:100%}.hero-content h1{margin:0 0 var(--space-sm);font-size:2.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.hero-subtitle{margin:0 0 var(--space-lg);font-size:1.1rem;line-height:1.6;color:var(--text-muted);max-width:600px}.hero-cta{margin-top:var(--space-xl)}.btn-large{padding:var(--space-md) var(--space-2xl);font-size:1.1rem}.hero-version-info{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-md);align-items:center}.version-badge{display:inline-block;padding:.25rem .6rem;font-size:.75rem;font-weight:600;background:#0070f326;color:var(--accent);border-radius:var(--radius-sm);border:1px solid rgba(0,112,243,.3)}.version-date{font-size:.8rem;color:var(--text-soft);margin-left:var(--space-xs)}.about-section{margin-top:var(--space-2xl);padding:var(--space-2xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl)}.about-section h2{margin:0 0 var(--space-md);font-size:1.75rem;font-weight:700;color:var(--text)}.about-section>p{margin:0 0 var(--space-xl);font-size:1rem;line-height:1.7;color:var(--text-muted)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.feature-item{padding:var(--space-lg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg)}.feature-item h3{margin:0 0 var(--space-sm);font-size:1.1rem;font-weight:600;color:var(--text)}.feature-item p{margin:0;font-size:.9rem;line-height:1.6;color:var(--text-muted)}.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-lg);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center}.stat-number{font-size:2rem;font-weight:700;color:var(--accent)}.stat-label{font-size:.85rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em}.courses-section{margin-top:var(--space-2xl)}.courses-section h2{margin:0 0 var(--space-md);font-size:1.5rem;font-weight:700;color:var(--text)}.preview-note{margin:0 0 var(--space-xl);padding:var(--space-md) var(--space-lg);background:var(--bg-elevated);border-left:3px solid var(--accent);border-radius:var(--radius-md);color:var(--text);font-size:.95rem}.preview-note strong{color:var(--accent);font-weight:600}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.course-card{display:flex;flex-direction:column;padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);transition:all .2s ease}.course-card:hover{text-decoration:none;border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 8px 16px -4px #0000001a}.course-card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.course-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--text-muted);transition:color .3s ease}.course-card:hover[data-course=react] .course-icon{color:#61dafb}.course-card:hover[data-course=nextjs] .course-icon{color:var(--text)}.course-card:hover[data-course=angular] .course-icon{color:#dd0031}.course-card:hover[data-course=ember] .course-icon{color:#e04e39}.course-card:hover[data-course=code] .course-icon,.course-card:hover[data-course=book] .course-icon,.course-card:hover[data-course=design] .course-icon,.course-card:hover[data-course=layers] .course-icon{color:var(--accent)}.course-card-header .course-title{margin:0;font-size:1rem;font-weight:700;color:var(--text);line-height:1.2}.course-description{margin:0 0 var(--space-lg);font-size:.95rem;line-height:1.6;color:var(--text-muted);flex:1}.course-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.course-meta-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:var(--text-soft)}.course-meta-item svg{flex-shrink:0}.course-progress{margin-bottom:var(--space-md)}.course-progress-bar{height:6px;background:var(--bg-elevated);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:var(--space-xs)}.course-progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-pill);transition:width .3s ease}.course-progress-text{font-size:.8rem;font-weight:600;color:var(--accent)}.course-card-footer{display:flex;align-items:center;justify-content:space-between}.course-card-cta{font-size:.95rem;font-weight:600;color:var(--accent)}.home-intro h2{margin-bottom:var(--space-md)}.home-intro ul{margin:var(--space-md) 0 0;padding-left:var(--space-lg)}.home-intro li{margin:var(--space-sm) 0;color:var(--text-muted);line-height:1.7}.home-intro li strong{color:var(--text)}.home-cta{display:flex;justify-content:center;padding:var(--space-md) 0}.cta-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);background:var(--accent);color:var(--bg);border-radius:var(--radius-md);font-size:1rem;font-weight:600;text-decoration:none;transition:all .15s ease}.cta-button:hover{background:var(--accent-hover);color:var(--bg);text-decoration:none;transform:translateY(-1px)}.floating-sidebar-toggle{position:fixed;top:var(--space-lg);left:var(--space-lg);z-index:100;display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:var(--space-sm);background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #00000026}.floating-sidebar-toggle:hover{background:var(--bg-card);border-color:var(--border-hover);color:var(--text);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.floating-sidebar-toggle img{width:100%;height:100%;object-fit:contain}@media(max-width:1024px){.main{padding:var(--space-xl)}}@media(min-width:1031px){.sidebar-toggle{display:flex}.menu-close,.floating-sidebar-toggle{display:none}}@media(max-width:1030px){#root{flex-direction:column}.sidebar-toggle{display:none!important}.sidebar.overlay-mode{width:300px!important;padding:var(--space-xl) var(--space-lg)!important}.sidebar.overlay-mode .sidebar-brand>span,.sidebar.overlay-mode h2,.sidebar.overlay-mode .progress-pill,.sidebar.overlay-mode .course-title-section,.sidebar.overlay-mode .user-menu-link>span:not(.user-menu-avatar),.sidebar.overlay-mode .module-link>span:not(.module-icon){display:block!important;visibility:visible!important;opacity:1!important}.sidebar.overlay-mode .sidebar-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:var(--space-sm) var(--space-md)!important;background:var(--bg-elevated)!important}.sidebar.overlay-mode .sidebar-header-brand{flex:1!important;display:flex!important}.sidebar.overlay-mode .sidebar-header-actions{flex-direction:row!important;width:auto!important;gap:var(--space-sm)!important}.sidebar.overlay-mode .module-link{justify-content:flex-start!important;width:auto!important;height:auto!important;margin:0!important;padding:var(--space-sm) var(--space-md)!important;border-radius:var(--radius-md)!important;display:flex!important;align-items:center!important;gap:var(--space-sm)!important;border:1px solid transparent!important}.sidebar.overlay-mode .user-menu{flex-direction:row!important;gap:var(--space-md)!important;padding:var(--space-sm) var(--space-md)!important}.sidebar.overlay-mode .menu-close{display:flex!important;visibility:visible!important}.sidebar.overlay-mode .sidebar-brand{order:0!important;margin-bottom:0!important;justify-content:flex-start!important;gap:var(--space-sm)!important;display:flex!important}.sidebar.overlay-mode .sidebar-brand svg,.sidebar.overlay-mode .sidebar-brand img{width:28px;height:28px}.sidebar.overlay-mode .user-menu-avatar{width:28px;height:28px;font-size:.75rem}.sidebar.overlay-mode .theme-toggle-wrapper{width:auto;padding:var(--space-sm) var(--space-md);justify-content:flex-start}.sidebar.overlay-mode .theme-toggle-wrapper:hover{transform:none}.sidebar.overlay-mode .module-link:after,.sidebar.overlay-mode .sidebar-brand:after,.sidebar.overlay-mode .user-menu-link:after{display:none}.sidebar.overlay-mode .modules{margin:0!important;padding:0!important}.mobile-header,.menu-toggle{display:none}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:200}.sidebar-backdrop.open{opacity:1;visibility:visible}.sidebar.overlay-mode{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:300px;max-width:85vw;padding:var(--space-xl) var(--space-lg);border-left:none;border-right:1px solid var(--border);transform:translate(-100%);transition:transform .3s ease;z-index:300;overflow:hidden}.sidebar.overlay-mode.open{transform:translate(0)}.sidebar.overlay-mode.collapsed{width:300px;padding:var(--space-xl) var(--space-lg)}.sidebar-fixed-top{flex-shrink:0}.sidebar-fixed-top .sidebar-header{margin-bottom:var(--space-lg)}.sidebar-fixed-top h2{margin-top:var(--space-md);margin-bottom:var(--space-sm)}.sidebar .modules{flex:1;overflow-y:auto;margin:0 calc(-1 * var(--space-lg));padding:0 var(--space-lg)}.sidebar .sidebar-footer{flex-shrink:0;margin-top:var(--space-lg);padding-top:var(--space-lg)}.sidebar-header-actions{gap:var(--space-sm)}.menu-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.menu-close:hover{background:#ef444426;color:#ef4444;border-color:#ef44444d}.sidebar.overlay-mode .modules{flex-direction:column;gap:var(--space-xs)}.sidebar.overlay-mode .module-link{white-space:normal}.sidebar.overlay-mode .module-link span:first-child{display:inline}.sidebar.overlay-mode h2{display:block}.main{min-width:auto;padding:7rem var(--space-lg) var(--space-lg)}.main h1{font-size:1.5rem}.card{padding:var(--space-lg)}.lightbox-container{height:95vh;border-radius:var(--radius-lg)}.lightbox-overlay{padding:var(--space-sm)}.hero-banner{flex-direction:column;text-align:center;padding:var(--space-xl)}.hero-logo svg{width:60px;height:60px}.hero-logo img{width:100px}.hero-content h1{font-size:1.75rem}.hero-subtitle{font-size:1rem}.home-stats{grid-template-columns:1fr}.stat-card{flex-direction:row;justify-content:space-between;padding:var(--space-md)}.stat-number{font-size:1.5rem}.courses-grid{grid-template-columns:1fr}}@media(max-width:480px){.main{padding:var(--space-md);gap:var(--space-md)}.card{padding:var(--space-md)}}.login-page,.auth-callback{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:var(--space-lg)}.privacy-page{min-height:100vh;width:100%;padding:var(--space-2xl) var(--space-lg);background:var(--bg)}.privacy-container{max-width:800px;margin:0 auto}.privacy-header{margin-bottom:var(--space-2xl);text-align:center}.privacy-logo{display:inline-flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);color:var(--text);text-decoration:none;font-weight:600;font-size:1.25rem;transition:color .15s ease}.privacy-logo:hover{color:var(--accent);text-decoration:none}.privacy-logo svg{width:32px;height:32px;flex-shrink:0}.privacy-header h1{margin:0 0 var(--space-sm);font-size:2.5rem;font-weight:700;color:var(--text)}.privacy-updated{margin:0;font-size:.9rem;color:var(--text-soft)}.privacy-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2xl);margin-bottom:var(--space-xl)}.privacy-content section{margin-bottom:var(--space-2xl)}.privacy-content section:last-child{margin-bottom:0}.privacy-content h2{margin:0 0 var(--space-md);font-size:1.5rem;font-weight:700;color:var(--text);padding-bottom:var(--space-sm);border-bottom:2px solid var(--border)}.privacy-content h3{margin:var(--space-lg) 0 var(--space-sm);font-size:1.1rem;font-weight:600;color:var(--text)}.privacy-content p{margin:var(--space-md) 0;line-height:1.7;color:var(--text-muted)}.privacy-content ul{margin:var(--space-md) 0;padding-left:var(--space-xl)}.privacy-content li{margin:var(--space-sm) 0;line-height:1.7;color:var(--text-muted)}.privacy-content li strong{color:var(--text);font-weight:600}.privacy-content a{color:var(--accent);text-decoration:none;font-weight:500;transition:color .15s ease}.privacy-content a:hover{color:var(--accent-hover);text-decoration:underline}.privacy-content .contact-list{list-style:none;padding-left:0}.privacy-content .contact-list li{display:flex;gap:var(--space-sm);align-items:center}.privacy-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-lg);border-top:1px solid var(--border)}.privacy-footer a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .15s ease}.privacy-footer a:hover{color:var(--accent);text-decoration:none}@media(max-width:768px){.privacy-page{padding:var(--space-xl) var(--space-md)}.privacy-header h1{font-size:2rem}.privacy-content{padding:var(--space-xl)}.privacy-content h2{font-size:1.25rem}.privacy-footer{flex-direction:column;gap:var(--space-md);text-align:center}}.profile-page{display:flex;justify-content:center;align-items:flex-start;padding-top:var(--space-xl)}.login-container,.profile-container{width:100%;max-width:400px}.profile-container-wide{width:100%;max-width:900px}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);text-decoration:none;font-size:.9rem;margin-bottom:var(--space-lg);transition:color .15s ease}.back-link:hover{color:var(--accent);text-decoration:none}.login-container h1,.profile-container h1{margin:0 0 var(--space-xl);font-size:1.75rem;text-align:center}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:var(--space-xs);font-size:.9rem;font-weight:500;color:var(--text-muted)}.form-group input{width:100%;padding:var(--space-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:inherit;font-size:1rem;transition:all .15s ease}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-group input::placeholder{color:var(--text-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{width:100%;background:var(--accent);color:var(--bg);border:none}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:#ef444440}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-card);border-color:var(--border-hover)}.btn-outline{background:transparent;color:var(--accent);border:2px solid var(--accent)}.btn-outline:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-hover);color:var(--accent-hover)}.divider{display:flex;align-items:center;margin:var(--space-xl) 0;color:var(--text-soft);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.divider span{padding:0 var(--space-md)}.oauth-buttons{display:flex;flex-direction:column;gap:var(--space-sm)}.btn-oauth{width:100%;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-oauth:hover:not(:disabled){background:var(--bg);border-color:var(--border-hover)}.btn-oauth svg{flex-shrink:0}.toggle-mode{margin-top:var(--space-xl);text-align:center;font-size:.9rem;color:var(--text-muted)}.private-beta-notice{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center}.beta-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-pill);margin-bottom:var(--space-sm)}.beta-message{margin:var(--space-sm) 0 var(--space-md);font-size:.9rem;line-height:1.6;color:var(--text-muted)}.private-beta-notice .btn{margin-top:var(--space-sm)}.login-footer-links{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border)}.footer-link{color:var(--text-soft);text-decoration:none;font-size:.85rem;transition:color .15s ease}.footer-link:hover{color:var(--accent);text-decoration:none}.footer-divider{color:var(--border);font-size:.85rem}.link-button{background:none;border:none;color:var(--accent);font-family:inherit;font-size:inherit;font-weight:500;cursor:pointer;padding:0}.link-button:hover{text-decoration:underline}.error-message{padding:var(--space-md);margin-bottom:var(--space-md);background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:.9rem}.success-message{padding:var(--space-md);margin-bottom:var(--space-md);background:var(--success-soft);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);color:var(--success);font-size:.9rem}.profile-info{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border)}.avatar{width:60px;height:60px;border-radius:50%;background:var(--accent);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.user-details{flex:1;min-width:0}.user-email{margin:0;font-size:1rem;font-weight:500;color:var(--text);word-break:break-all}.sync-status{margin:var(--space-xs) 0 0;font-size:.85rem;color:var(--accent)}.profile-container hr{margin:var(--space-xl) 0;border:none;border-top:1px solid var(--border)}.danger-zone h2{margin:0 0 var(--space-sm);font-size:1rem;color:#ef4444}.danger-zone p{margin:0 0 var(--space-md);font-size:.9rem;color:var(--text-muted)}.account-section h2{margin:0 0 var(--space-sm);font-size:1rem;color:var(--text)}.account-section p{margin:0 0 var(--space-md);font-size:.9rem;color:var(--text-muted)}.confirm-reset{padding:var(--space-md);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md)}.confirm-warning{margin:0 0 var(--space-md);font-size:.9rem;font-weight:500;color:#ef4444}.confirm-actions{display:flex;gap:var(--space-sm)}.confirm-actions .btn{flex:1}.section-divider{margin:var(--space-2xl) 0;border:none;border-top:1px solid var(--border)}.dashboard-section{margin-bottom:var(--space-xl)}.dashboard-section h2,.profile-section h2{margin:0 0 var(--space-lg);font-size:1.25rem;color:var(--text)}.stats-loading,.stats-error{padding:var(--space-xl);text-align:center;color:var(--text-muted);font-size:.95rem}.stats-error{color:#ef4444}.dashboard-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card-dashboard{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .15s ease}.stat-card-dashboard:hover{border-color:var(--border-hover);transform:translateY(-2px)}.stat-icon{font-size:2rem;line-height:1}.stat-content{flex:1;min-width:0}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text);line-height:1.2}.stat-label{font-size:.9rem;font-weight:500;color:var(--text-muted);margin-top:var(--space-xs)}.stat-sublabel{font-size:.8rem;color:var(--text-soft);margin-top:2px}.progress-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);padding:var(--space-xl);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.progress-metric{text-align:center}.progress-metric-value{font-size:2rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:var(--space-sm)}.progress-metric-label{font-size:.9rem;font-weight:500;color:var(--text-muted)}.activity-feed h3{margin:0 0 var(--space-lg);font-size:1.125rem;font-weight:600;color:var(--text)}.activity-feed-loading,.activity-feed-error,.activity-feed-empty{padding:var(--space-xl);text-align:center;color:var(--text-muted);font-size:.95rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.activity-feed-error{color:#ef4444}.activity-list{display:flex;flex-direction:column;gap:var(--space-md)}.activity-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .15s ease}.activity-item:hover{border-color:var(--border-hover);background:var(--bg-card)}.activity-item .activity-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border-radius:var(--radius-md);font-size:1.125rem}.activity-content{flex:1;min-width:0}.activity-main{font-size:.95rem;font-weight:500;color:var(--text);line-height:1.4}.activity-detail{color:var(--text-muted);font-weight:400}.activity-context{font-size:.85rem;color:var(--text-soft);margin-top:var(--space-xs)}.activity-course{text-transform:capitalize}.activity-module{opacity:.8}.activity-metadata{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.activity-xp{font-size:.85rem;font-weight:600;color:var(--accent)}.activity-time{font-size:.8rem;color:var(--text-soft);white-space:nowrap}@media(max-width:768px){.profile-container-wide{padding:var(--space-md)}.dashboard-stats{grid-template-columns:1fr;gap:var(--space-sm)}.stat-card-dashboard{padding:var(--space-md)}.stat-value{font-size:1.5rem}.progress-overview{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-md)}.progress-metric-value{font-size:1.75rem}.activity-item{flex-direction:column;gap:var(--space-sm)}.activity-metadata{flex-direction:row;align-items:center;width:100%;justify-content:space-between}}.auth-callback{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background:var(--bg)}.loading-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-2xl);text-align:center}.spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{margin:0;font-size:1.1rem;color:var(--text-muted)}.sidebar-footer{margin-top:auto;padding-top:var(--space-lg);border-top:1px solid var(--border)}.user-menu{display:flex;flex-direction:row;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md)}.user-menu-divider{width:1px;height:24px;background:var(--border);margin-left:auto}.theme-toggle-wrapper{display:flex;align-items:center;justify-content:center;margin-left:auto}.user-menu-link{display:flex;align-items:center;gap:var(--space-sm);padding:0;font-size:.9rem;font-weight:500;color:var(--text);text-decoration:none;transition:all .15s ease;position:relative;z-index:10}.user-menu-link:hover{color:var(--text);text-decoration:none}.user-menu-link.active{color:var(--text)}.user-menu-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;overflow:hidden}.user-menu-avatar img{width:100%;height:100%;object-fit:cover}.site-footer{margin-top:var(--space-3xl);padding:var(--space-xl) 0;border-top:1px solid var(--border)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.footer-links{display:flex;align-items:center;gap:var(--space-md);font-size:.9rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .15s ease}.footer-links a:hover{color:var(--accent)}.footer-separator{color:var(--text-muted);-webkit-user-select:none;user-select:none}.footer-copyright{font-size:.85rem;color:var(--text-muted);text-align:center}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}.footer-copyright{text-align:right}}[data-theme=light]{--success: #11803a}[data-theme=light] .sidebar .module-link.active{background:#f5f5f5;color:#cc3d00;font-weight:600}[data-theme=light] .sidebar .module-link.active .progress-pill{background:#fff;color:#cc3d00}