:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--background-color: #f8f9fa;--text-color: #212529;--border-color: #dee2e6;--spacing-unit: 1rem}.app{min-height:100vh;display:flex;flex-direction:column}.layout{flex:1;display:flex;flex-direction:column}.header{background-color:var(--primary-color);color:#fff;padding:1rem;display:flex;align-items:center;gap:1rem}.logo{color:#fff;text-decoration:none;font-size:1.25rem;font-weight:700}.content-wrapper{flex:1;display:flex}.sidebar{width:300px;background-color:var(--background-color);border-right:1px solid var(--border-color);padding:1rem;overflow-y:auto;transition:transform .3s ease}.sidebar.open{transform:translate(0)}@media (max-width: 768px){.sidebar{position:fixed;top:60px;bottom:0;transform:translate(-100%);z-index:1000}}.main-content{flex:1;padding:2rem;overflow-y:auto}.module-link{padding:1rem;border-radius:8px;background-color:#fff;text-decoration:none;color:var(--text-color);border:1px solid var(--border-color);transition:all .2s ease}.module-link:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.module-link.active{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color)}.module-link.completed{border-color:var(--success-color)}.module-number{font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.module-description{font-size:.9rem;color:var(--secondary-color)}.home{max-width:1200px;margin:0 auto;padding:2rem}.hero{text-align:center;margin-bottom:4rem}.hero h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg,var(--primary-color),#0056b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:1.5rem;color:var(--secondary-color)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.feature{padding:2rem;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.feature h3{color:var(--primary-color);margin-bottom:1rem}.getting-started{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a;margin-bottom:4rem}.getting-started h2{color:var(--primary-color);margin-bottom:2rem;text-align:center}.prerequisites{margin-bottom:2rem}.prerequisites h3{margin-bottom:1rem;color:var(--secondary-color)}.prerequisites ul{list-style-type:none;padding:0}.prerequisites li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.prerequisites li:before{content:"✓";position:absolute;left:0;color:var(--success-color)}.module-overview{margin-bottom:2rem}.module-overview h3{margin-bottom:1rem;color:var(--secondary-color)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.module-card{padding:1.5rem;border-radius:8px;background-color:var(--background-color);text-decoration:none;color:var(--text-color);transition:transform .2s ease}.module-card:hover{transform:translateY(-2px)}.module-card h4{color:var(--primary-color);margin-bottom:.5rem}.start-button-container{text-align:center;margin-top:2rem}.start-button{display:inline-block;padding:1rem 2rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:8px;font-weight:700;transition:background-color .2s ease}.start-button:hover{background-color:#0056b3}.what-youll-learn{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a}.what-youll-learn h2{color:var(--primary-color);margin-bottom:1.5rem;text-align:center}.learning-objectives{list-style-type:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.learning-objectives li{padding-left:1.5rem;position:relative}.learning-objectives li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700}.module-page{max-width:800px;margin:0 auto}.content-view{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;line-height:1.6}.content-view h1{font-size:2.5rem;margin:3rem 0 2rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-color)}.content-view h2{font-size:2rem;margin:3rem 0 1.5rem;color:var(--primary-color)}.content-view h3{font-size:1.5rem;margin:2.5rem 0 1.25rem;color:var(--secondary-color)}.content-view h4{font-size:1.25rem;margin:2rem 0 1rem}.content-view p{margin:1.5rem 0;line-height:1.8}.content-view ul,.content-view ol{margin:1.5rem 0;padding-left:2rem}.content-view li{margin:.75rem 0}.content-view li>ul,.content-view li>ol{margin:.5rem 0}.code-block{margin:2rem 0;border-radius:8px;overflow:hidden}.content-view pre{margin:2rem 0;padding:1.5rem;border-radius:8px;background-color:#1e1e1e}.content-view code{font-family:Fira Code,Consolas,monospace;font-size:.9em;padding:.2em .4em;border-radius:4px;background-color:#0000000d}.content-view pre code{padding:0;background-color:transparent}.module-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color)}.nav-button{padding:.5rem 1rem;border-radius:4px;text-decoration:none;color:var(--primary-color);border:1px solid var(--primary-color);transition:all .2s ease}.nav-button:hover{background-color:var(--primary-color);color:#fff}.complete-button{padding:.5rem 1rem;border:none;border-radius:4px;background-color:var(--success-color);color:#fff;cursor:pointer;transition:background-color .2s ease}.complete-button:disabled{background-color:var(--success-color);opacity:.7;cursor:default}.menu-button{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem}@media (max-width: 768px){.menu-button{display:block}}@media (prefers-color-scheme: dark){:root{--background-color: #1a1a1a;--text-color: #e0e0e0;--border-color: #333}body{background-color:#121212;color:var(--text-color)}.feature,.getting-started,.what-youll-learn,.content-view,.module-link{background-color:#242424}.module-card{background-color:#1a1a1a}.content-view code{background-color:#ffffff1a}.content-view h1{border-bottom-color:var(--primary-color)}}@media (max-width: 768px){.content-view{padding:1.5rem}.content-view h1{font-size:2rem;margin:2rem 0 1.5rem}.content-view h2{font-size:1.75rem;margin:2rem 0 1.25rem}.content-view h3{font-size:1.5rem;margin:1.75rem 0 1rem}}:root{--primary-color: #646cff;--primary-hover: #535bf2;--text-color: #213547;--text-color-dark: rgba(255, 255, 255, .87);--background-color: #ffffff;--background-color-dark: #242424;--sidebar-width: 300px;--header-height: 60px;--code-background: #1e1e1e}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-color);line-height:1.5;background-color:var(--background-color)}.layout{min-height:100vh;display:flex;flex-direction:column}.header{height:var(--header-height);padding:0 1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #eaeaea;position:fixed;top:0;left:0;right:0;background:var(--background-color);z-index:100}.menu-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;display:none;color:var(--text-color)}.logo{font-size:1.25rem;font-weight:700;color:var(--primary-color);text-decoration:none}.content-wrapper{display:flex;flex:1;margin-top:var(--header-height)}.sidebar{width:var(--sidebar-width);border-right:1px solid #eaeaea;padding:1rem;height:calc(100vh - var(--header-height));position:fixed;overflow-y:auto;background:var(--background-color);transition:transform .3s ease}.module-nav{display:flex;flex-direction:column;gap:1rem}.module-link{padding:1rem;border-radius:8px;text-decoration:none;color:var(--text-color);transition:all .2s;border:1px solid transparent}.module-link:hover{background:#f5f5f5}.module-link.active{border-color:var(--primary-color);background:#646cff14}.module-link.completed .module-number{color:#4caf50}.module-number{font-weight:700;margin-bottom:.5rem;color:var(--primary-color)}.module-title{font-size:1.1rem;margin-bottom:.5rem}.module-description{font-size:.9rem;opacity:.8}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2rem;max-width:calc(100% - var(--sidebar-width))}@media (prefers-color-scheme: dark){:root{--text-color: var(--text-color-dark);--background-color: var(--background-color-dark)}.header,.sidebar{border-color:#333}.module-link:hover{background:#2a2a2a}.module-link.active{background:#646cff26}a{color:var(--primary-color)}}@media (max-width: 768px){.menu-button{display:block}.sidebar{transform:translate(-100%);z-index:99}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;max-width:100%}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quiz-container{background-color:#f8f9fa;border-radius:8px;padding:20px;margin:30px 0;box-shadow:0 2px 4px #0000001a}.question-counter{font-size:14px;color:#666;margin-bottom:15px}.question h4{margin-bottom:20px;font-size:18px}.options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.option{padding:12px 15px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease}.option:hover{background-color:#f0f0f0}.option.selected{background-color:#e3f2fd;border-color:#2196f3}.feedback{margin:15px 0;padding:10px;border-radius:4px;font-weight:700}.feedback.correct{background-color:#e8f5e9;color:#2e7d32}.feedback.incorrect{background-color:#ffebee;color:#c62828}.submit-button{background-color:#2196f3;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s;min-width:150px}.submit-button:hover:not(:disabled){background-color:#1976d2}.submit-button:disabled{cursor:not-allowed}.submit-button:disabled:not(.correct-state):not(.incorrect-state){background-color:#bdbdbd}.submit-button.correct-state{background-color:#4caf50}.submit-button.incorrect-state{background-color:#f44336}.retry-button{background-color:#ff9800;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s;margin-top:15px}.quiz-completed{text-align:center;padding:20px;background-color:#e8f5e9;border-radius:8px;margin:30px 0}.retry-button{background-color:#ff9800;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;margin-top:15px;transition:background-color .2s}.retry-button:hover{background-color:#f57c00}.module-navigation{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid #eaeaea}.nav-button,.complete-button{padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:500}.nav-button{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.nav-button:hover{background-color:#e0e0e0}.complete-button{background-color:#4caf50;color:#fff;border:none;cursor:pointer}.complete-button:hover{background-color:#388e3c}.complete-button:disabled{background-color:#a5d6a7;cursor:not-allowed}@media (prefers-color-scheme: dark){.quiz-container{background-color:#333;box-shadow:0 2px 4px #0000004d}.question-counter{color:#aaa}.option{border-color:#555}.option:hover{background-color:#444}.option.selected{background-color:#0d47a1;border-color:#2196f3}.feedback.correct{background-color:#1b5e20;color:#e8f5e9}.feedback.incorrect{background-color:#b71c1c;color:#ffebee}.quiz-completed{background-color:#1b5e20;color:#e8f5e9}}