:root{--primary-color: #3776ab;--primary-color-rgb: 55, 118, 171;--secondary-color: #6c757d;--success-color: #3776ab;--warning-color: #ffc107;--danger-color: #dc3545;--light-color: #f8f9fa;--dark-color: #343a40;--border-radius: 10px;--box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);--terminal-bg: #1e1e1e;--terminal-text: #d4d4d4;--terminal-prompt: #4ec9b0;--code-bg: #343a40;--code-text: #d4d4d4;--code-keyword: #569cd6;--code-string: #ce9178;--code-comment: #6a9955;--code-number: #b5cea8;--code-function: #dcdcaa;--code-border: #3c3c3c}.side-bar{position:fixed;top:0;left:0;bottom:0;width:264px;background-color:#f8f9fa;border-right:1px solid #e9ecef;overflow-y:auto;z-index:100;padding:1rem 0;box-sizing:border-box}.side-bar ul,.side-bar li{list-style:none !important;list-style-type:none !important}.navigation-list{padding-left:1rem !important}.navigation-list-child-list{padding-left:1rem !important}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;line-height:1.6;color:#333}.page-content table{border-collapse:collapse;width:100%;margin:1.5rem 0;border:2px solid #e9ecef;border-radius:4px;overflow:hidden}.page-content table thead{background-color:var(--primary-color);color:white}.page-content table th{padding:12px 15px;text-align:left;font-weight:600;border:1px solid rgba(255,255,255,0.3)}.page-content table td{padding:12px 15px;border:1px solid #e9ecef}.page-content table tbody tr{background-color:white;transition:background-color 0.2s ease}.page-content table tbody tr:nth-child(even){background-color:#f8f9fa}.page-content table tbody tr:hover{background-color:rgba(var(--primary-color-rgb), 0.05)}.page-content table code{background-color:rgba(var(--primary-color-rgb), 0.1);padding:2px 6px;border-radius:4px;font-size:0.9em;color:var(--primary-color)}@media (max-width: 768px){.page-content table{display:block;overflow-x:auto;white-space:nowrap}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{background:linear-gradient(135deg, #3776ab 0%, #3776ab 100%);color:white;text-align:center;padding:30px 10px;margin-bottom:10px;margin-top:0;max-width:800px;margin-left:auto;margin-right:auto}.hero-section h1{font-size:1.5rem;margin-bottom:20px;font-weight:700}.hero-subtitle{font-size:1rem;margin-bottom:30px;opacity:0.9}.hero-description{max-width:800px;margin:0 auto 40px;font-size:1.1rem;line-height:1.6}.btn{display:inline-block;padding:15px 30px;text-decoration:none;border-radius:var(--border-radius);font-weight:600;transition:all 0.3s ease;margin:0 10px;font-size:1.1rem}.btn-primary{background-color:white !important;color:var(--primary-color)}.btn-primary:hover{background-color:white;color:var(--primary-color);transform:translateY(-2px)}.btn-secondary{background-color:white;color:var(--primary-color)}.btn-secondary:hover{background-color:white;color:var(--primary-color);transform:translateY(-2px)}.cta-buttons{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.course-features{padding:10px 10px;background-color:var(--light-color)}.course-features h2{text-align:center;margin-bottom:10px;font-size:2.5rem;color:var(--dark-color)}.features-grid{display:grid;gap:10px;max-width:800px;margin:0 auto;padding:0 20px;grid-template-columns:repeat(1, 1fr)}.feature{background:white;padding:5px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center;transition:transform 0.3s ease}.feature:hover{transform:translateY(-5px)}.feature h3{font-size:1.3rem;margin-bottom:15px;color:var(--primary-color)}.course-structure{padding:60px 20px;max-width:1000px;margin:0 auto}.course-structure h2{text-align:center;margin-bottom:50px;font-size:2.5rem;color:var(--dark-color)}.skills-section{background:white;padding:30px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:40px}.skills-section h3{color:var(--primary-color);margin-bottom:20px}.skills-section ul{list-style-type:none;padding:0}.skills-section li{padding:10px 0;border-bottom:1px solid #eee}.skills-section li:before{content:"✓ ";color:var(--success-color);font-weight:bold;margin-right:10px}.lessons-preview h3{margin-bottom:30px;color:var(--primary-color)}.lesson-card{background:white;padding:5px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:5px;border-left:4px solid rgba(var(--primary-color-rgb), 0.3);border-right:4px solid rgba(var(--primary-color-rgb), 0.3)}.lesson-card h4{margin-bottom:15px}.lesson-card h4 a{text-decoration:none;color:var(--primary-color)}.lesson-card h4 a:hover{text-decoration:underline}.get-started-footer{background:var(--primary-color);color:white;text-align:center;padding:60px 20px;margin-top:60px}.get-started-footer h2{margin-bottom:20px;font-size:2.2rem;color:white}.site-nav{margin-left:auto;display:flex;align-items:center}.site-header .wrapper{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:0 auto}.site-branding{display:flex;align-items:center;gap:12px}.site-logo{height:40px;width:auto;border-radius:6px;transition:transform 0.3s ease;background:none;border:none;padding:0}.site-logo:hover{transform:scale(1.05)}.site-title{font-size:1.4rem;font-weight:600;line-height:1.2;margin:0;color:var(--primary-color)}.site-title a{color:white;text-decoration:none}.site-title a:hover{text-decoration:none;opacity:0.8}.home .page-content{padding-top:1rem}.page-content h1:first-child,.post-content h1:first-child,.home h1:first-child{margin-top:0;padding-top:0}.page-content{max-width:800px;margin:0 auto;padding:3rem 2rem;line-height:1.8;padding-top:10px}.site-header{background-color:white;color:var(--primary-color)}.site-header .wrapper{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.site-title a{color:var(--primary-color) !important;text-decoration:none}.top-navigation{display:flex;gap:2rem;margin-left:auto;align-items:center}.top-nav-link{color:var(--primary-color) !important;text-decoration:none;font-weight:600;transition:all 0.3s ease}.top-nav-link:hover{transform:translateY(-1px)}.side-bar{background-color:#f8f9fa;border-right:1px solid #e9ecef;padding-left:2px}.navigation-list-link{color:var(--primary-color) !important;display:block;padding:0.5rem 1rem;text-decoration:none;border-radius:4px;margin:2px 8px;font-size:0.9rem;transition:all 0.3s ease;border-left:3px solid transparent}.navigation-list-link:hover{background-color:rgba(var(--primary-color-rgb), 0.1) !important;border-left:3px solid var(--primary-color)}.navigation-list-link.active{background-color:var(--primary-color) !important;color:white !important;font-weight:600 !important;border-left:3px solid var(--primary-color) !important}.navigation-list-child-list .navigation-list-link.active{background-color:var(--primary-color) !important;color:white !important;font-weight:600 !important;border-left:3px solid var(--primary-color) !important}.navigation-list>.navigation-list-item>.navigation-list-link{font-weight:700;color:var(--primary-color) !important;background-color:rgba(var(--primary-color-rgb), 0.05);margin-bottom:0.5rem}.navigation-list>.navigation-list-item>.navigation-list-link.active{background-color:var(--primary-color) !important;color:white !important}.navigation-list-child-list .navigation-list-link{font-size:0.9rem;padding-left:1rem;color:var(--dark-color) !important;font-weight:normal}.side-bar .site-header{height:20px;padding:1rem;background-color:#f8f9fa}.page-wrap{display:flex;min-height:100vh}.side-bar-left{position:fixed;top:0;left:0;bottom:0;width:264px;background-color:#f8f9fa;border-right:1px solid #e9ecef;overflow-y:auto;z-index:100}.side-bar-right{position:fixed;top:0;right:0;bottom:0;width:264px;background-color:#f8f9fa;border-left:1px solid #e9ecef;overflow-y:auto;z-index:100}.main{margin-left:264px;margin-right:264px;flex:1;min-height:100vh;box-sizing:border-box}.main-content-wrap{padding:2rem 3rem 4rem;max-width:none}.sidebar-header{padding:1.5rem 1rem 1rem;border-bottom:2px solid var(--primary-color);margin-bottom:1rem}.sidebar-header h3{color:var(--primary-color);margin:0 0 0.25rem 0;font-size:1.25rem;font-weight:600}.sidebar-header p{color:#666;font-size:0.85rem;margin:0}.sidebar-nav{padding:0.5rem 0}.navigation-list{list-style:none;padding:0;margin:0}.navigation-list-item{margin:0}.navigation-list-link{color:var(--primary-color);display:block;padding:0.5rem 1rem;text-decoration:none;border-radius:4px;margin:2px 8px;font-size:0.9rem;transition:all 0.3s ease}.navigation-list-link:hover{background-color:rgba(var(--primary-color-rgb), 0.1)}.navigation-list-link.active{background-color:var(--primary-color) !important;color:white !important;font-weight:600 !important}.navigation-list-child-list{list-style:none;padding-left:1rem;margin:0.25rem 0}.navigation-list-child-list .navigation-list-link{font-size:0.85rem;padding-left:1.5rem;font-weight:normal}.navigation-list-child-list .navigation-list-link.active{background-color:var(--primary-color) !important;color:white !important;font-weight:600 !important}.navigation-list>.navigation-list-item>.navigation-list-link{font-weight:600;background-color:rgba(var(--primary-color-rgb), 0.05);margin-bottom:0.5rem}.navigation-list>.navigation-list-item>.navigation-list-link.active{background-color:var(--primary-color) !important;color:white !important}@media (max-width: 1400px){.side-bar-right{display:none}.main{margin-right:0}}@media (max-width: 1066px){.side-bar-left{transform:translateX(-100%);transition:transform 0.3s ease}.main{margin-left:0;margin-right:0}.main-content-wrap{padding:2rem 1rem 4rem}}.site-footer{color:var(--primary-color)}.site-footer .wrapper{max-width:800px;margin:0 auto;padding:0 1rem}.site-footer .footer-content{text-align:center;color:var(--primary-color)}.site-footer p{margin:0;color:rgba(255,255,255,0.8);font-size:0.9rem;text-align:center;color:var(--primary-color)}.img{max-width:800px !important;width:auto;height:auto;display:block;margin:1.5rem auto;border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,0.1);border:1px solid #e9ecef}.page-content img.img-small{max-width:400px}.page-content img.img-medium{max-width:600px}.page-content img.img-large{max-width:900px}.page-content img.img-full{max-width:100%;width:100%}.page-content img.screenshot{border:2px solid #e9ecef;box-shadow:0 4px 16px rgba(0,0,0,0.1)}.page-content p img{display:inline-block;margin:0 0.5rem;vertical-align:middle;max-width:800px}a{color:var(--primary-color);text-decoration:none;transition:opacity 0.2s ease}a:visited{color:var(--primary-color)}a:hover{color:var(--primary-color);opacity:0.8;text-decoration:underline}a:active{color:var(--primary-color)}.page-content a{color:var(--primary-color);background-color:rgba(var(--primary-color-rgb), 0.1)}.page-content a:visited{color:var(--primary-color);background-color:rgba(var(--primary-color-rgb), 0.1)}.page-content a:hover{opacity:0.8;text-decoration:underline;background-color:rgba(var(--primary-color-rgb), 0.1)}@media (max-width: 768px){.site-header .wrapper{flex-direction:column;gap:1rem}.top-navigation{width:100%;justify-content:center}.top-nav-link{flex:1;text-align:center}.site-footer{padding:1.5rem 0}.site-footer .wrapper{padding:0 0.5rem}.page-content img,.page-content img.img-small,.page-content img.img-medium,.page-content img.img-large{max-width:100%;margin:1rem auto}}@media (max-width: 1199px){.features-grid{grid-template-columns:repeat(2, 1fr);max-width:800px;gap:20px;padding:0 10px}.site-branding{gap:8px}.site-logo{height:32px}.site-title{font-size:1rem}}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;max-width:500px;gap:20px;padding:0 10px;font-size:1rem}.feature{padding:5px}.page-content img{max-width:100% !important;margin:1rem auto}.page-content img.img-small,.page-content img.img-medium,.page-content img.img-large{max-width:100% !important}}@media (max-width: 480px){.features-grid{gap:15px;padding:0 5px}.feature{padding:10px}.site-logo{height:28px}.site-title{font-size:1rem}.page-content img{border-radius:4px;margin:0.75rem auto}}.page-content pre{background-color:var(--code-bg);border:1px solid var(--code-border);overflow-x:auto;margin:1.5rem 0}.page-content pre code{background-color:transparent;color:var(--code-text);padding:1rem 1.5rem;display:block;font-family:'SF Mono', 'Monaco', 'Cascadia Code', 'Roboto Mono', 'Consolas', 'Courier New', monospace;font-size:0.9em;line-height:1.6;border:none}.page-content .language-bash pre,.page-content .language-console pre,.page-content .language-shell pre{background-color:var(--terminal-bg) !important;border:1px solid #444 !important;border-radius:var(--border-radius) !important}.page-content .language-bash code,.page-content .language-console code,.page-content .language-shell code{background-color:transparent !important;color:var(--terminal-text) !important}.page-content .language-python .token.keyword,.page-content .language-python .k{color:#ff6b6b;font-weight:600}.page-content .language-python .token.string,.page-content .language-python .s,.page-content .language-python .s1,.page-content .language-python .s2{color:#ffd93d}.page-content .language-python .token.comment,.page-content .language-python .c,.page-content .language-python .c1{color:#6bcf7f;font-style:italic;opacity:0.8}.page-content .language-python .token.number,.page-content .language-python .m,.page-content .language-python .mi{color:#4ecdc4}.page-content .language-python .token.function,.page-content .language-python .nf{color:#ffe66d;font-weight:500}.page-content .language-python .token.builtin,.page-content .language-python .nb{color:#ff8b94}.page-content .language-python .token.operator,.page-content .language-python .o{color:var(--code-text)}.page-content .language-python .token.punctuation,.page-content .language-python .p{color:var(--code-text)}.page-content .language-python .token.variable,.page-content .language-python .n{color:var(--code-text)}.page-content .language-python .token.class-name,.page-content .language-python .nc{color:#a8e6cf;font-weight:600}.page-content code:not(pre code){color:darkslateblue;padding:2px 6px;border-radius:4px;font-size:0.9em;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace}@media (max-width: 768px){.page-content table{display:block;overflow-x:auto;white-space:nowrap}}details{margin:1rem 0;padding:1rem;border:1px solid #e9ecef;border-radius:8px;background-color:#f8f9fa}summary{cursor:pointer;font-weight:600;color:var(--primary-color);padding:0.5rem;margin:-0.5rem;border-radius:4px;user-select:none}summary:hover{background-color:rgba(var(--primary-color-rgb), 0.1)}summary::marker{color:var(--primary-color)}details[open]{padding-bottom:1rem}details[open] summary{margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid #e9ecef}@media (min-width: 1401px){.side-bar-left,.side-bar-right{display:block}.main{margin-left:264px;margin-right:264px}}@media (max-width: 1400px){.side-bar-right{display:block}.side-bar-left{display:none}.main{margin-left:0;margin-right:264px}}@media (max-width: 1066px){.side-bar,.side-bar-left,.side-bar-right{display:none}.main{margin-left:0;margin-right:0;width:100%}}@media (max-width: 768px){.page-content{padding:1rem}.cta-buttons{flex-direction:column;gap:15px}.btn{width:100%;margin:0}}@media (max-width: 480px){.page-content{padding:0.5rem}.btn{padding:12px 20px;font-size:1rem}}.exercise-navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:2px solid #e0e0e0}.nav-btn{display:flex;flex-direction:column;padding:16px 24px;background:var(--primary-color);color:white;text-decoration:none;border-radius:8px;font-weight:600;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1);min-width:200px;max-width:45%}.nav-btn:hover{background:rgba(var(--primary-color-rgb), 1);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.15);color:white}.nav-label{font-size:0.85rem;opacity:0.9;margin-bottom:4px}.nav-title{font-size:1rem;font-weight:700}.nav-btn-prev{align-items:flex-start;text-align:left;margin-right:auto}.nav-btn-prev .nav-label::before{content:'← '}.nav-btn-next{align-items:flex-end;text-align:right;margin-left:auto}.nav-btn-next .nav-label::after{content:' →'}.nav-spacer{flex:1;min-width:200px}@media (max-width: 600px){.exercise-navigation{flex-direction:column;align-items:stretch}.nav-btn{width:100%;max-width:100%;align-items:center;text-align:center;margin:0}.nav-btn-prev,.nav-btn-next{align-items:center;text-align:center}.nav-spacer{display:none}}