/*! normalize.css v3.0.2 | MIT License | git.io/normalize */@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap");html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.highlight table td{padding:5px}.highlight table pre{margin:0}.highlight .cm{color:#999988;font-style:italic}.highlight .cp{color:#999999;font-weight:bold}.highlight .c1{color:#999988;font-style:italic}.highlight .cs{color:#999999;font-weight:bold;font-style:italic}.highlight .c,.highlight .cd{color:#999988;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .gd{color:#000000;background-color:#ffdddd}.highlight .ge{color:#000000;font-style:italic}.highlight .gr{color:#aa0000}.highlight .gh{color:#999999}.highlight .gi{color:#000000;background-color:#ddffdd}.highlight .go{color:#888888}.highlight .gp{color:#555555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaaaaa}.highlight .gt{color:#aa0000}.highlight .kc{color:#000000;font-weight:bold}.highlight .kd{color:#000000;font-weight:bold}.highlight .kn{color:#000000;font-weight:bold}.highlight .kp{color:#000000;font-weight:bold}.highlight .kr{color:#000000;font-weight:bold}.highlight .kt{color:#445588;font-weight:bold}.highlight .k,.highlight .kv{color:#000000;font-weight:bold}.highlight .mf{color:#009999}.highlight .mh{color:#009999}.highlight .il{color:#009999}.highlight .mi{color:#009999}.highlight .mo{color:#009999}.highlight .m,.highlight .mb,.highlight .mx{color:#009999}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .s{color:#d14}.highlight .na{color:#008080}.highlight .bp{color:#999999}.highlight .nb{color:#0086B3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:#008080}.highlight .nd{color:#3c5d5d;font-weight:bold}.highlight .ni{color:#800080}.highlight .ne{color:#990000;font-weight:bold}.highlight .nf{color:#990000;font-weight:bold}.highlight .nl{color:#990000;font-weight:bold}.highlight .nn{color:#555555}.highlight .nt{color:#000080}.highlight .vc{color:#008080}.highlight .vg{color:#008080}.highlight .vi{color:#008080}.highlight .nv{color:#008080}.highlight .ow{color:#000000;font-weight:bold}.highlight .o{color:#000000;font-weight:bold}.highlight .w{color:#bbbbbb}.highlight{background-color:#f8f8f8}*{box-sizing:border-box}body{padding:0;margin:0;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5;color:#606c71}#skip-to-content{height:1px;width:1px;position:absolute;overflow:hidden;top:-10px}#skip-to-content:focus{position:fixed;top:10px;left:10px;height:auto;width:auto;background:#e19447;outline:thick solid #e19447}a{color:#1e6bb8;text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-block;margin-bottom:1rem;color:rgba(255,255,255,0.7);background-color:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2);border-style:solid;border-width:1px;border-radius:0.3rem;transition:color 0.2s, background-color 0.2s, border-color 0.2s}.btn:hover{color:rgba(255,255,255,0.8);text-decoration:none;background-color:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3)}.btn+.btn{margin-left:1rem}@media screen and (min-width: 64em){.btn{padding:0.75rem 1rem}}@media screen and (min-width: 42em) and (max-width: 64em){.btn{padding:0.6rem 0.9rem;font-size:0.9rem}}@media screen and (max-width: 42em){.btn{display:block;width:100%;padding:0.75rem;font-size:0.9rem}.btn+.btn{margin-top:1rem;margin-left:0}}.page-header{color:#fff;text-align:center;background-color:#159957;background-image:linear-gradient(120deg, #155799, #159957)}@media screen and (min-width: 64em){.page-header{padding:5rem 6rem}}@media screen and (min-width: 42em) and (max-width: 64em){.page-header{padding:3rem 4rem}}@media screen and (max-width: 42em){.page-header{padding:2rem 1rem}}.project-name{margin-top:0;margin-bottom:0.1rem}@media screen and (min-width: 64em){.project-name{font-size:3.25rem}}@media screen and (min-width: 42em) and (max-width: 64em){.project-name{font-size:2.25rem}}@media screen and (max-width: 42em){.project-name{font-size:1.75rem}}.project-tagline{margin-bottom:2rem;font-weight:normal;opacity:0.7}@media screen and (min-width: 64em){.project-tagline{font-size:1.25rem}}@media screen and (min-width: 42em) and (max-width: 64em){.project-tagline{font-size:1.15rem}}@media screen and (max-width: 42em){.project-tagline{font-size:1rem}}.main-content{word-wrap:break-word}.main-content :first-child{margin-top:0}@media screen and (min-width: 64em){.main-content{max-width:64rem;padding:2rem 6rem;margin:0 auto;font-size:1.1rem}}@media screen and (min-width: 42em) and (max-width: 64em){.main-content{padding:2rem 4rem;font-size:1.1rem}}@media screen and (max-width: 42em){.main-content{padding:2rem 1rem;font-size:1rem}}.main-content kbd{background-color:#fafbfc;border:1px solid #c6cbd1;border-bottom-color:#959da5;border-radius:3px;box-shadow:inset 0 -1px 0 #959da5;color:#444d56;display:inline-block;font-size:11px;line-height:10px;padding:3px 5px;vertical-align:middle}.main-content img{max-width:100%}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:normal;color:#159957}.main-content p{margin-bottom:1em}.main-content code{padding:2px 4px;font-family:Consolas, "Liberation Mono", Menlo, Courier, monospace;font-size:0.9rem;color:#567482;background-color:#f3f6fa;border-radius:0.3rem}.main-content pre{padding:0.8rem;margin-top:0;margin-bottom:1rem;font:1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;color:#567482;word-wrap:normal;background-color:#f3f6fa;border:solid 1px #dce6f0;border-radius:0.3rem}.main-content pre>code{padding:0;margin:0;font-size:0.9rem;color:#567482;word-break:normal;white-space:pre;background:transparent;border:0}.main-content .highlight{margin-bottom:1rem}.main-content .highlight pre{margin-bottom:0;word-break:normal}.main-content .highlight pre,.main-content pre{padding:0.8rem;overflow:auto;font-size:0.9rem;line-height:1.45;border-radius:0.3rem;-webkit-overflow-scrolling:touch}.main-content pre code,.main-content pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.main-content pre code:before,.main-content pre code:after,.main-content pre tt:before,.main-content pre tt:after{content:normal}.main-content ul,.main-content ol{margin-top:0}.main-content blockquote{padding:0 1rem;margin-left:0;color:#819198;border-left:0.3rem solid #dce6f0}.main-content blockquote>:first-child{margin-top:0}.main-content blockquote>:last-child{margin-bottom:0}.main-content table{display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all;-webkit-overflow-scrolling:touch}.main-content table th{font-weight:bold}.main-content table th,.main-content table td{padding:0.5rem 1rem;border:1px solid #e9ebec}.main-content dl{padding:0}.main-content dl dt{padding:0;margin-top:1rem;font-size:1rem;font-weight:bold}.main-content dl dd{padding:0;margin-bottom:1rem}.main-content hr{height:2px;padding:0;margin:1rem 0;background-color:#eff0f1;border:0}.site-footer{padding-top:2rem;margin-top:2rem;border-top:solid 1px #eff0f1}@media screen and (min-width: 64em){.site-footer{font-size:1rem}}@media screen and (min-width: 42em) and (max-width: 64em){.site-footer{font-size:1rem}}@media screen and (max-width: 42em){.site-footer{font-size:0.9rem}}.site-footer-owner{display:block;font-weight:bold}.site-footer-credits{color:#819198}:root{--primary-color: #667eea;--secondary-color: #764ba2;--accent-color: #f093fb;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545;--info-color: #17a2b8;--text-primary: #333;--text-secondary: #666;--text-muted: #999;--text-light: #fff;--bg-primary: #fff;--bg-secondary: #f8f9fa;--bg-dark: #343a40;--bg-light: #f1f3f4;--border-color: #dee2e6;--border-radius: 8px;--box-shadow: 0 2px 10px rgba(0,0,0,0.1);--transition: all 0.3s ease;--font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Consolas', 'Monaco', monospace;--container-max-width: none;--sidebar-width: 280px;--header-height: 70px}*{box-sizing:border-box}body{font-family:var(--font-family);line-height:1.6;color:var(--text-primary);margin:0;padding:0;background:var(--bg-primary)}.progress-indicator{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);z-index:9999;transition:width 0.3s ease}.main-nav{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:1000;box-shadow:var(--box-shadow)}.nav-container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-brand a{font-size:1.5rem;font-weight:bold;color:var(--primary-color);text-decoration:none;display:flex;align-items:center;gap:10px}.nav-brand a:hover{color:var(--secondary-color)}.nav-toggle{display:none;flex-direction:column;cursor:pointer;padding:5px}.nav-toggle span{width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:var(--transition)}.nav-menu{display:flex;align-items:center;gap:30px}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:500;transition:var(--transition);padding:8px 16px;border-radius:var(--border-radius)}.nav-link:hover{color:var(--primary-color);background:var(--bg-secondary)}.search-container{position:relative;display:flex;align-items:center}.search-input{padding:8px 40px 8px 16px;border:1px solid var(--border-color);border-radius:25px;outline:none;width:250px;transition:var(--transition)}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.search-icon{position:absolute;right:15px;color:var(--text-muted)}.main-content{flex:1;min-width:0;display:flex;flex-direction:column;width:100%;max-width:none}.home-layout{width:100%}.hero-section{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:var(--text-light);padding:80px 20px;text-align:center}.hero-content{max-width:var(--container-max-width);margin:0 auto}.hero-title{font-size:3.5rem;margin-bottom:20px;text-shadow:2px 2px 8px rgba(0,0,0,0.5);color:#ffffff;font-weight:700}.hero-description{font-size:1.3rem;margin-bottom:40px;color:#ffffff;opacity:0.95;text-shadow:1px 1px 4px rgba(0,0,0,0.4);font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:30px;margin:40px 0;max-width:800px;margin-left:auto;margin-right:auto}.stat-card{background:rgba(255,255,255,0.9);padding:30px 20px;border-radius:15px;backdrop-filter:blur(10px);text-align:center;transition:var(--transition);border:1px solid rgba(255,255,255,0.95);box-shadow:0 8px 32px rgba(0,0,0,0.2)}.stat-card:hover{transform:translateY(-5px);background:rgba(255,255,255,0.95);box-shadow:0 12px 40px rgba(0,0,0,0.25)}.stat-number{font-size:2.5rem;font-weight:bold;display:block;margin-bottom:10px;color:var(--primary-color);text-shadow:none}.stat-label{font-size:1rem;color:var(--text-secondary);opacity:1;text-shadow:none}.cta-buttons{display:flex;gap:20px;justify-content:center;margin-top:40px}.cta-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:50px;text-decoration:none;font-size:1.2rem;font-weight:600;transition:var(--transition);border:2px solid transparent}.cta-btn.primary{background:var(--text-light);color:var(--primary-color)}.cta-btn.primary:hover{transform:scale(1.05);box-shadow:0 15px 35px rgba(0,0,0,0.2)}.cta-btn.secondary{background:transparent;color:var(--text-light);border-color:var(--text-light)}.cta-btn.secondary:hover{background:var(--text-light);color:var(--primary-color)}.features-section,.learning-paths{padding:80px 20px}.container{max-width:var(--container-max-width);margin:0 auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:50px;color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:30px}.feature-card{background:var(--bg-primary);padding:40px 30px;border-radius:15px;text-align:center;box-shadow:var(--box-shadow);transition:var(--transition);border:1px solid var(--border-color)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.feature-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:2rem}.feature-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6}.learning-paths{background:var(--bg-secondary)}.paths-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:40px}.path-card{background:var(--bg-primary);border-radius:20px;overflow:hidden;box-shadow:var(--box-shadow);transition:var(--transition)}.path-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(0,0,0,0.15)}.python-path .path-header{background:linear-gradient(135deg, #3776ab 0%, #ffd43b 100%)}.csharp-path .path-header{background:linear-gradient(135deg, #239120 0%, #68217a 100%)}.path-header{padding:30px;color:var(--text-light);text-align:center}.path-header i{font-size:3rem;margin-bottom:15px;display:block}.path-header h3{font-size:1.8rem;margin:0}.path-content{padding:30px}.path-features{list-style:none;padding:0;margin:0 0 30px 0}.path-features li{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--text-secondary)}.path-features i{color:var(--success-color);font-size:0.9rem}.path-stats{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.path-stats span{background:var(--bg-secondary);padding:8px 16px;border-radius:20px;font-size:0.9rem;color:var(--text-secondary)}.path-btn{display:block;width:100%;padding:15px;background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:var(--text-light);text-align:center;text-decoration:none;border-radius:var(--border-radius);font-weight:600;transition:var(--transition)}.path-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,0.2)}.guide-layout{display:flex;min-height:calc(100vh - var(--header-height))}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);position:fixed;left:0;top:var(--header-height);height:calc(100vh - var(--header-height));overflow-y:auto;z-index:900;transition:var(--transition)}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.sidebar-header h3{margin:0;color:var(--text-primary);font-size:1.2rem;display:flex;align-items:center;gap:10px}.sidebar-toggle{display:none;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-secondary)}.sidebar-content{padding:20px}.nav-section h4{color:var(--text-primary);margin-bottom:15px;font-size:1.1rem;display:flex;align-items:center;gap:8px}.chapter-list{list-style:none;padding:0;margin:0}.chapter-list li{margin-bottom:8px}.chapter-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:var(--border-radius);transition:var(--transition);position:relative}.chapter-link:hover{background:var(--bg-primary);color:var(--primary-color)}.chapter-link.active{background:var(--primary-color);color:var(--text-light)}.chapter-link.completed::after{content:"✓";position:absolute;right:12px;color:var(--success-color);font-weight:bold}.chapter-link.completed.active::after{color:var(--text-light)}.chapter-number{background:var(--bg-light);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:0.8rem;font-weight:bold;min-width:30px;text-align:center}.chapter-link.active .chapter-number{background:rgba(255,255,255,0.2);color:var(--text-light)}.chapter-title{font-size:0.9rem;line-height:1.3}.progress-section{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.progress-section h4{color:var(--text-primary);margin-bottom:15px;font-size:1rem;display:flex;align-items:center;gap:8px}.progress-stats{display:flex;justify-content:space-between;margin-bottom:15px}.stat-item{text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:bold;color:var(--primary-color)}.stat-label{font-size:0.8rem;color:var(--text-muted)}.progress-bar{height:8px;background:var(--bg-light);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);width:0%;transition:width 0.5s ease}.content-area{flex:1;margin-left:var(--sidebar-width);padding:30px 40px;max-width:none !important;min-width:0;width:calc(100% - var(--sidebar-width)) !important}.content-area .article-content{width:100% !important;max-width:none !important}.content-area .content-body{width:100% !important;max-width:none !important}.main-content,.guide-layout,.article-content,.content-body{max-width:none !important;width:100% !important}.line-numbers-rows,.line-numbers .line-numbers-rows,pre.line-numbers .line-numbers-rows,.content-body pre.line-numbers .line-numbers-rows,.highlight .line-numbers-rows{display:none !important;visibility:hidden !important;width:0 !important;height:0 !important;opacity:0 !important;position:absolute !important;left:-9999px !important}.content-body pre,.content-body pre code,.highlight pre,.highlight pre code{width:100% !important;max-width:100% !important;box-sizing:border-box !important}.breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:30px;padding:15px 0;font-size:0.9rem;color:var(--text-muted);width:100%;max-width:none;flex-wrap:wrap;background:var(--bg-secondary);border-radius:var(--border-radius);padding:15px 20px;border:1px solid var(--border-color)}.breadcrumb a{color:var(--primary-color);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .separator{color:var(--text-muted)}.breadcrumb .current{color:var(--text-primary);font-weight:500}.article-content{max-width:none;width:100%}.article-header{margin-bottom:40px}.article-header h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:15px;line-height:1.2}.article-description{font-size:1.2rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.article-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.difficulty{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:15px;font-size:0.9rem;font-weight:500}.difficulty-easy{background:#d4edda;color:#155724}.difficulty-medium{background:#fff3cd;color:#856404}.difficulty-hard{background:#f8d7da;color:#721c24}.duration{display:flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:0.9rem}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{background:var(--bg-secondary);color:var(--text-secondary);padding:4px 10px;border-radius:12px;font-size:0.8rem}.table-of-contents{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px;margin-bottom:30px;width:100%;max-width:none}.table-of-contents h3{margin:0 0 15px 0;color:var(--text-primary);font-size:1.1rem;display:flex;align-items:center;gap:8px}.toc-content ul{list-style:none;padding-left:0;margin:0}.toc-content ul ul{padding-left:20px;margin-top:5px}.toc-content li{margin-bottom:5px}.toc-content a{color:var(--text-secondary);text-decoration:none;font-size:0.9rem;line-height:1.4;transition:var(--transition)}.toc-content a:hover{color:var(--primary-color)}.content-body{line-height:1.8;color:var(--text-primary);width:100%;max-width:none}.content-body h1,.content-body h2,.content-body h3,.content-body h4,.content-body h5,.content-body h6{color:var(--text-primary);margin-top:2em;margin-bottom:1em;line-height:1.3}.content-body h1{font-size:2.2rem;border-bottom:2px solid var(--primary-color);padding-bottom:10px}.content-body h2{font-size:1.8rem;color:var(--primary-color)}.content-body h3{font-size:1.4rem;color:var(--secondary-color)}.content-body p{margin-bottom:1.5em}.content-body ul,.content-body ol{margin-bottom:1.5em;padding-left:2em}.content-body li{margin-bottom:0.5em}.content-body blockquote{border-left:4px solid var(--primary-color);background:var(--bg-secondary);padding:15px 20px;margin:20px 0;border-radius:0 var(--border-radius) var(--border-radius) 0}.content-body blockquote p{margin:0;color:var(--text-secondary);font-style:italic}.content-body pre{position:relative;background:#ffffff;border:2px solid #e1e8ed;border-radius:12px;overflow-x:auto;overflow-y:hidden;margin:24px 0;font-family:"JetBrains Mono","Fira Code","Cascadia Code",var(--font-mono);font-size:0.9rem;line-height:1.6;box-shadow:0 4px 20px rgba(0,0,0,0.08);width:100%;max-width:100%}.content-body pre::before{content:'';position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-bottom:2px solid #e1e8ed;border-radius:10px 10px 0 0}.content-body pre::after{content:'';position:absolute;top:12px;left:16px;width:12px;height:12px;border-radius:50%;background:#ff5f56;box-shadow:20px 0 0 #ffbd2e, 40px 0 0 #27ca3f}.content-body pre code{display:block;padding:50px 24px 24px;color:#2d3748;background:transparent;font-family:inherit;font-size:0.95rem;font-weight:400;line-height:1.7;overflow-x:auto;white-space:pre}.content-body code{font-family:"JetBrains Mono","Fira Code","Cascadia Code",var(--font-mono);font-size:0.9em;font-weight:500}.content-body p code,.content-body li code,.content-body td code{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);color:#e74c3c;padding:3px 8px;border-radius:6px;font-size:0.85em;font-weight:600;border:1px solid #dee2e6;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.content-body pre .token.comment,.content-body pre .token.prolog,.content-body pre .token.doctype,.content-body pre .token.cdata{color:#6a737d;font-style:italic}.content-body pre .token.punctuation{color:#586069}.content-body pre .token.property,.content-body pre .token.tag,.content-body pre .token.boolean,.content-body pre .token.number,.content-body pre .token.constant,.content-body pre .token.symbol,.content-body pre .token.deleted{color:#005cc5}.content-body pre .token.selector,.content-body pre .token.attr-name,.content-body pre .token.string,.content-body pre .token.char,.content-body pre .token.builtin,.content-body pre .token.inserted{color:#032f62}.content-body pre .token.operator,.content-body pre .token.entity,.content-body pre .token.url,.content-body pre .token.variable{color:#d73a49}.content-body pre .token.atrule,.content-body pre .token.attr-value,.content-body pre .token.function,.content-body pre .token.class-name{color:#6f42c1;font-weight:600}.content-body pre .token.keyword{color:#d73a49;font-weight:600}.content-body pre .token.regex,.content-body pre .token.important{color:#e36209}.content-body pre .token.important,.content-body pre .token.bold{font-weight:bold}.content-body pre .token.italic{font-style:italic}.content-body pre .token.entity{cursor:help}.content-body pre .token.decorator{color:#e36209;font-weight:600}.content-body pre .token.builtin-name{color:#005cc5;font-weight:600}.content-body pre .token.namespace{color:#22863a;font-weight:600}.content-body pre .token.generic{color:#005cc5;font-weight:600}.content-body pre.line-numbers .line-numbers-rows{display:none !important}.content-body pre.line-numbers{padding-left:0 !important;counter-reset:linenumber}.content-body pre.line-numbers code{padding-left:24px !important;counter-reset:linenumber;position:relative;width:100%;max-width:100%}.content-body pre.line-numbers code .token-line,.content-body pre.line-numbers code>span{display:block;position:relative;counter-increment:linenumber;padding-left:60px}.content-body pre.line-numbers code .token-line:before,.content-body pre.line-numbers code>span:before{content:counter(linenumber);position:absolute;left:0;top:0;width:50px;color:#6c7086;font-size:0.8rem;text-align:right;padding-right:16px;user-select:none;background:rgba(0,0,0,0.1);border-right:1px solid #3c3c54;margin-left:-24px;line-height:inherit}.content-body pre .line-numbers-rows,.content-body .line-numbers-rows{display:none !important;visibility:hidden !important;width:0 !important;opacity:0 !important}.content-body pre code{position:relative;width:100% !important;max-width:100% !important;display:block}.copy-code-btn{position:absolute;top:12px;right:16px;background:rgba(255,255,255,0.9);color:#586069;border:1px solid rgba(0,0,0,0.15);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:0.7rem;font-weight:500;transition:all 0.2s ease;opacity:0;backdrop-filter:blur(10px);display:flex;align-items:center;gap:4px;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.content-body pre:hover .copy-code-btn{opacity:0.9}.copy-code-btn:hover{background:#fff;border-color:rgba(0,0,0,0.25);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15);opacity:1;color:#2d3748}.copy-code-btn:active{transform:translateY(0)}.copy-code-btn.copied{background:rgba(40,167,69,0.9);border-color:rgba(40,167,69,0.6);color:#ffffff;opacity:1}.content-body pre[class*="language-"]:not([data-language])::after{content:attr(class);position:absolute;top:8px;left:12px;background:rgba(0,0,0,0.6);color:#ffffff;padding:4px 8px;border-radius:4px;font-size:0.7rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;opacity:0.8;z-index:5}.content-body pre .token.plain,.content-body pre .token.text{color:#2d3748 !important}.content-body pre .token.parameter,.content-body pre .token.variable-name,.content-body pre .token.identifier{color:#e36209 !important}.content-body pre .token.method,.content-body pre .token.function-name,.content-body pre .token.method-name{color:#6f42c1 !important;font-weight:600}.content-body pre .token.class-name,.content-body pre .token.type,.content-body pre .token.type-name{color:#e36209 !important;font-weight:600}.content-body pre .token.attr-name,.content-body pre .token.property-name,.content-body pre .token.field{color:#005cc5 !important}.content-body pre .token.string,.content-body pre .token.template-string,.content-body pre .token.char{color:#032f62 !important}.content-body pre .token.number,.content-body pre .token.numeric{color:#005cc5 !important}.content-body pre .token.keyword,.content-body pre .token.control,.content-body pre .token.flow{color:#d73a49 !important;font-weight:600}.content-body pre .token.operator,.content-body pre .token.assignment{color:#d73a49 !important}.content-body pre .token.punctuation,.content-body pre .token.delimiter{color:#586069 !important}.content-body pre .token.comment,.content-body pre .token.block-comment,.content-body pre .token.line-comment{color:#6a737d !important;font-style:italic}.content-body pre .token.tag,.content-body pre .token.tag-name{color:#22863a !important;font-weight:600}.content-body pre .token.attr-value,.content-body pre .token.attribute-value{color:#032f62 !important}.content-body pre .token.regex{color:#e36209 !important}.content-body pre .token.import,.content-body pre .token.include,.content-body pre .token.package{color:#d73a49 !important;font-weight:600}.content-body pre .token.decorator,.content-body pre .token.annotation{color:#e36209 !important;font-weight:600}.content-body pre .token.builtin,.content-body pre .token.builtin-name{color:#005cc5 !important;font-weight:600}.content-body pre .token.constant,.content-body pre .token.boolean{color:#005cc5 !important;font-weight:600}.content-body pre .token.module,.content-body pre .token.namespace{color:#22863a !important;font-weight:600}.content-body pre .token.generic,.content-body pre .token.type-parameter{color:#005cc5 !important;font-weight:600}.content-body pre .token.this,.content-body pre .token.self,.content-body pre .token.super{color:#d73a49 !important;font-weight:600}.content-body pre .token.exception,.content-body pre .token.error{color:#cb2431 !important;font-weight:600}.content-body pre code *{color:#2d3748}.content-body pre .token.triple-quoted-string{color:#032f62 !important;font-style:italic}.content-body pre .token.template-punctuation{color:#d73a49 !important}.content-body pre .token.interpolation{color:#e36209 !important}.content-body pre .token.preprocessor{color:#6a737d !important}.content-body pre .token.linq{color:#d73a49 !important;font-weight:600}.content-body pre .token.sql-keyword{color:#d73a49 !important;font-weight:600}.content-body pre code::selection,.content-body pre code *::selection{background:rgba(0,92,197,0.2) !important;color:#2d3748 !important}.content-body pre.language-python::after{content:"Python";background:linear-gradient(135deg, #3776ab 0%, #ffd43b 100%);color:white}.content-body pre.language-csharp::after,.content-body pre.language-cs::after{content:"C#";background:linear-gradient(135deg, #239120 0%, #68217a 100%);color:white}.content-body pre.language-javascript::after,.content-body pre.language-js::after{content:"JavaScript";background:linear-gradient(135deg, #f7df1e 0%, #f0db4f 100%);color:#323330}.content-body pre.language-html::after{content:"HTML";background:linear-gradient(135deg, #e34c26 0%, #f06529 100%);color:white}.content-body pre.language-css::after{content:"CSS";background:linear-gradient(135deg, #1572b6 0%, #33a9dc 100%);color:white}.content-body pre.language-json::after{content:"JSON";background:linear-gradient(135deg, #000 0%, #434343 100%);color:white}.content-body pre.language-bash::after,.content-body pre.language-shell::after{content:"Shell";background:linear-gradient(135deg, #4eaa25 0%, #89e051 100%);color:white}.content-body table,table{width:100% !important;border-collapse:collapse !important;margin:20px 0 !important;background:var(--bg-primary) !important;border-radius:var(--border-radius) !important;overflow:hidden !important;box-shadow:var(--box-shadow) !important;display:table !important;table-layout:auto !important}.content-body th,.content-body td,th,td{padding:12px 15px !important;text-align:left !important;border:1px solid var(--border-color) !important;border-bottom:1px solid var(--border-color) !important;vertical-align:top !important;word-wrap:break-word !important;max-width:200px !important;display:table-cell !important}.content-body th,th{background:var(--bg-secondary) !important;font-weight:600 !important;color:var(--text-primary) !important;white-space:nowrap !important}.content-body tr,tr{display:table-row !important}.content-body tr:hover,tr:hover{background:var(--bg-secondary) !important}.content-body tbody,tbody{display:table-row-group !important}.content-body thead,thead{display:table-header-group !important}.chapter-nav{display:flex;justify-content:space-between;gap:20px;margin:50px 0 30px 0;padding-top:30px;border-top:1px solid var(--border-color)}.nav-prev,.nav-next{display:flex;align-items:center;gap:15px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);text-decoration:none;color:var(--text-primary);transition:var(--transition);flex:1;max-width:300px}.nav-prev:hover,.nav-next:hover{background:var(--primary-color);color:var(--text-light);transform:translateY(-2px);box-shadow:var(--box-shadow)}.nav-prev{justify-content:flex-start}.nav-next{justify-content:flex-end;text-align:right}.nav-prev span,.nav-next span{display:flex;flex-direction:column;gap:5px}.nav-prev small,.nav-next small{font-size:0.8rem;opacity:0.7}.nav-prev strong,.nav-next strong{font-size:0.9rem;font-weight:600}.chapter-completion{text-align:center;margin:40px 0}.complete-btn{background:var(--success-color);color:var(--text-light);border:none;padding:15px 30px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:10px}.complete-btn:hover{background:#218838;transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,0.2)}.complete-btn.completed{background:var(--text-muted);cursor:not-allowed}.complete-btn.completed:hover{transform:none;box-shadow:none}.site-footer{background:var(--bg-dark);color:var(--text-light);padding:50px 20px 20px;margin-top:80px}.footer-container{max-width:var(--container-max-width);margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:40px;margin-bottom:30px}.footer-section h3{color:var(--text-light);margin-bottom:20px;font-size:1.2rem}.footer-section p{color:#adb5bd;line-height:1.6}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#adb5bd;text-decoration:none;transition:var(--transition)}.footer-section ul li a:hover{color:var(--text-light)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #495057;color:#adb5bd}@media (max-width: 1024px){.content-area{margin-left:0;padding:20px}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-toggle{display:block}}@media (max-width: 768px){:root{--sidebar-width: 100%}.nav-toggle{display:flex}.nav-menu{position:fixed;top:var(--header-height);left:0;right:0;background:var(--bg-primary);flex-direction:column;padding:20px;box-shadow:var(--box-shadow);transform:translateY(-100%);transition:var(--transition);opacity:0;visibility:hidden}.nav-menu.open{transform:translateY(0);opacity:1;visibility:visible}.search-input{width:100%;margin-top:20px}.hero-title{font-size:2.5rem}.stats-grid{grid-template-columns:repeat(2, 1fr);gap:20px}.cta-buttons{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}.paths-grid{grid-template-columns:1fr}.chapter-nav{flex-direction:column}.nav-prev,.nav-next{max-width:none}.content-area{width:100%}.article-content{max-width:100%}.breadcrumb{padding:10px 15px;margin-bottom:20px}.table-of-contents{padding:15px}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-description{font-size:1.1rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:20px 15px}.content-area{padding:15px}.breadcrumb{font-size:0.8rem;padding:8px 12px}.article-header h1{font-size:2rem}.content-body h1{font-size:1.8rem}.content-body h2{font-size:1.5rem}.content-body h3{font-size:1.3rem}}.guide-layout{width:100%;max-width:100%;overflow-x:hidden}.main-content{width:100%;max-width:100%;overflow-x:hidden}@media (max-width: 768px){.breadcrumb{flex-wrap:wrap;gap:8px}.breadcrumb .separator{display:none}.breadcrumb .separator:first-of-type{display:inline}}.content-area,.article-content,.content-body{word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 768px){.content-body pre{margin:16px -20px;border-radius:0}.content-body pre code{padding:40px 20px 20px;font-size:0.85rem}.article-header h1{font-size:2rem}.content-body pre{padding:15px;font-size:0.8rem}.footer-content{grid-template-columns:1fr;gap:30px}}@media (max-width: 480px){.nav-container{padding:0 15px}.hero-section{padding:60px 15px}.hero-title{font-size:2rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:20px 15px}.content-area{padding:15px}.article-header h1{font-size:1.8rem}.article-meta{flex-direction:column;align-items:flex-start;gap:10px}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:850;opacity:0;visibility:hidden;transition:var(--transition)}.sidebar-overlay.active{opacity:1;visibility:visible}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);max-height:400px;overflow-y:auto;z-index:1000;display:none}.search-results.show{display:block}.search-result-item{padding:15px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:var(--transition)}.search-result-item:hover{background:var(--bg-secondary)}.search-result-item:last-child{border-bottom:none}.search-result-title{font-weight:600;color:var(--primary-color);margin-bottom:5px}.search-result-excerpt{font-size:0.9rem;color:var(--text-secondary);line-height:1.4}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 0.5s ease-out}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.slide-in-left{animation:slideInLeft 0.5s ease-out}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.slide-in-right{animation:slideInRight 0.5s ease-out}@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}@media print{.main-nav,.sidebar,.chapter-nav,.chapter-completion,.site-footer{display:none !important}.content-area{margin-left:0 !important;padding:0 !important}.content-body{font-size:12pt;line-height:1.5}.content-body h1,.content-body h2,.content-body h3{page-break-after:avoid}.content-body pre{page-break-inside:avoid;background:#f8f9fa !important;color:#333 !important;border:1px solid #dee2e6}}