body{background-color:var(--background-color);color:var(--text-color);margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;min-height:100vh}.content{max-width:var(--max-content-width, 1280px);margin:0 auto;padding:calc(var(--navbar-height, 70px) + 12px) 1.25rem 0;flex:1}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease-in-out;direction:rtl;height:var(--navbar-height);box-sizing:border-box}.navbar.scrolled{background-color:var(--background-color-scrolled);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(8px)}.navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent 0%,var(--primary-color) 20%,var(--primary-color) 80%,transparent 100%)}.logo-wrapper{background-color:var(--primary-color);border-radius:8px;padding:.35rem;display:flex;align-items:center;justify-content:center;transition:transform .25s ease-in-out}.logo-wrapper:hover{transform:rotate(10deg)}.MuiSvgIcon-root{color:var(--text-color)}.logo-wrapper .MuiSvgIcon-root{color:#fff}.navbar-right{display:flex;align-items:center;gap:.5rem}.logo-text{text-decoration:none;color:var(--text-color);font-weight:700}.navbar-center{display:flex;gap:1rem;align-items:center}.navbar-center a,.navbar-center .MuiButton-root{color:var(--text-color);text-decoration:none;font-weight:500;font-family:inherit;text-transform:none;font-size:1rem;position:relative;padding:.25rem .5rem}.navbar-center a:after,.navbar-center .MuiButton-root:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:50%;background-color:var(--primary-color);transition:all .25s ease-in-out;transform:translate(-50%)}.navbar-center a:hover:after,.navbar-center .MuiButton-root:hover:after{width:100%}.navbar-center a:hover,.navbar-center .MuiButton-root:hover{color:var(--primary-color)}.navbar-left .MuiButton-root{color:var(--text-color);border-radius:8px;transition:all .25s ease-in-out}.navbar-left .MuiButton-root:hover{color:var(--primary-color)}.mobile-menu-icon,.mobile-menu{display:none}@media (max-width: 992px){.navbar-center,.desktop-menu{display:none}.mobile-menu-icon{display:flex;align-items:center}.mobile-menu-icon .MuiButton-root,.mobile-menu-icon .icon-btn{color:var(--text-color)}.mobile-menu{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;position:absolute;top:var(--navbar-height);left:0;width:100vw;background-color:var(--background-color);padding:.75rem .5rem;border-top:1px solid var(--secondary-color);box-shadow:0 6px 16px #0000001f;box-sizing:border-box}.mobile-menu a{color:var(--text-color);text-decoration:none;font-weight:500;font-size:1.05rem;padding:.75rem 1rem;text-align:center}.mobile-menu .MuiButton-root{color:var(--text-color)}}@media (max-width: 420px){.logo-text{font-size:1rem}.logo-wrapper{padding:.2rem}.navbar{padding:0 .5rem}}.theme-btn{border-radius:5px;padding:3px 5px;background-color:transparent;transition:all .3s ease-in-out;color:var(--text-color);border:1px solid rgba(0,0,0,.12)}.theme-btn:hover{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.icon-btn{background:transparent;border:none;color:var(--text-color);cursor:pointer}[data-theme=dark] .theme-btn{border:1px solid rgba(255,255,255,.12)}[data-theme=dark] .navbar-left .MuiButton-root{color:var(--text-color)}[data-theme=dark] .mobile-menu{box-shadow:0 6px 16px #ffffff14}@media (max-width: 480px){.navbar{height:54px;min-height:50px;padding:0 .2rem}.logo-text{font-size:.97rem;padding:0 .2rem;white-space:nowrap}.logo-wrapper{padding:.13rem;min-width:34px;height:34px;border-radius:7px}.mobile-menu{left:0;width:100vw!important;min-width:0;padding:.3rem .2rem;gap:.2rem;top:54px}.mobile-menu a,.mobile-menu .theme-btn{font-size:1.1rem;padding:.9rem .2rem;border-radius:8px;min-height:46px}.mobile-menu-icon button{min-width:38px;min-height:38px;font-size:1.3rem}}@media (max-width: 480px){.has-mobile-navbar{margin-top:54px!important}}.course-card{background-color:var(--secondary-color);display:flex;flex-direction:column;text-align:right;transition:all .25s ease;box-shadow:0 4px 12px #0006;padding:20px;border-radius:12px}.course-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #0003}.div2,.div3{padding:24px;border-radius:12px}.div1{padding:32px;border-radius:16px}.course-image{max-width:60%;height:auto;object-fit:contain;margin:0 auto 1rem;display:block}.course-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--primary-color)}.div1 .course-image{max-width:150px;height:auto}.div2 .course-image{height:auto}.course-card h3{font-size:1.4rem;margin-bottom:.5rem}.course-card p{font-size:.95rem;flex-grow:1;margin-bottom:1rem}.course-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;font-size:.9rem;color:var(--text-color)}.meta-item{display:flex;align-items:center;gap:.3rem}.meta-item .MuiSvgIcon-root{font-size:1.1rem}.level{background-color:#df01391a;color:var(--primary-color);padding:.2rem .6rem;border-radius:5px;font-weight:700}.course-link{background-color:var(--primary-color);color:#fff;text-align:center;padding:.7rem;border-radius:8px;text-decoration:none;font-weight:700;border:3px solid transparent;transition:all .3s ease}.course-link:hover{background-color:transparent;color:var(--primary-color);border:3px solid var(--primary-color)}@media (max-width: 768px){.course-card{padding:14px;border-radius:10px}.course-card p{font-size:.95rem}}@media (max-width: 480px){.course-card h3{font-size:1.2rem}.course-card p{font-size:.9rem}}[data-theme=dark] .course-card{box-shadow:0 4px 12px #ffffff14}[data-theme=dark] .course-card:hover{box-shadow:0 8px 20px #ffffff1a}.home-page{text-align:center;padding:0 1.25rem;margin:0 auto;max-width:var(--max-content-width, 1280px);box-sizing:border-box}.hero-section{padding:4rem 1.25rem;display:flex;flex-wrap:wrap-reverse;justify-content:center;align-items:center;gap:2rem;background-color:var(--background-color)}.hero-content{flex:1;min-width:300px;text-align:center}.hero-content h1{font-size:3.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem;line-height:1.2}.hero-content .highlight{color:var(--primary-color)}hr{border:2px solid color-mix(in srgb,var(--primary-color) 25%,transparent);margin:1rem auto;width:80px}.hero-content p{font-size:1.2rem;color:var(--text-color);max-width:600px;margin:0 auto 2rem}.hero-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;max-width:400px;margin:0 auto}.btn{padding:.8rem 2rem;border-radius:8px;text-decoration:none;border:2px solid var(--primary-color);font-weight:700;transition:all .3s ease;display:inline-block}.btn-primary{background-color:var(--primary-color);color:#fff;border:2px solid var(--primary-color)}.btn-primary:hover{background-color:color-mix(in srgb,var(--primary-color) 90%,black 10%);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--primary-color) 55%,transparent);transform:translateY(-2px)}.btn-secondary{color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--primary-color) 55%,transparent);transform:translateY(-2px);border:none}.features-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:4rem 1.25rem}.feature-card{background-color:var(--secondary-color);padding:1.25rem;border-radius:8px;text-align:center;box-shadow:0 4px 12px #0006;border:1px solid var(--secondary-color);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.feature-icon{font-size:3rem!important;color:var(--text-color);background-color:color-mix(in srgb,var(--primary-color) 15%,transparent);margin-bottom:1rem;border:1px solid var(--primary-color);padding:10px;border-radius:10px;transition:all .3s ease-in-out;display:inline-block}.feature-card:hover .feature-icon{background-color:var(--primary-color);color:#fff;transform:rotate(180deg);border-color:var(--primary-color)}.feature-card h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-color)}.feature-card p{color:var(--text-color);line-height:1.6}.featured-courses-section{padding:4rem 1.25rem;text-align:center;max-width:var(--max-content-width, 1280px);margin:0 auto;background-color:var(--background-color);box-sizing:border-box}.featured-courses-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.featured-courses-section p{font-size:1.1rem;max-width:600px;margin:0 auto 2rem;color:var(--text-color)}.course-filters{margin-bottom:2rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.filter-btn{background:transparent;border:1px solid var(--secondary-color);color:var(--text-color);padding:.5rem 1.5rem;border-radius:20px;font-weight:700;cursor:pointer;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.courses-grid>.div1{grid-column:span 2;min-height:400px;padding:2rem;border-radius:16px;display:flex;flex-direction:column}.courses-grid>.div2{grid-column:span 1;padding:1.5rem;border-radius:12px;display:flex;flex-direction:column}.courses-grid>.div3{grid-column:span 1;padding:1.5rem;border-radius:12px;display:flex;flex-direction:column}.courses-grid>.div4,.courses-grid>.div5,.courses-grid>.div6,.courses-grid>.div7,.courses-grid>.div8,.courses-grid>.div9{grid-column:span 1;padding:1.5rem;border-radius:12px;display:flex;flex-direction:column}.courses-grid img{width:100%;border-radius:12px;margin-bottom:1rem;height:auto}.courses-grid>div{transition:all .3s ease;background-color:var(--secondary-color)}.courses-grid>div:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.home-contact-section{padding:4rem 1.25rem}[data-theme=dark] .feature-card{box-shadow:0 4px 12px #ffffff14}[data-theme=dark] .feature-card:hover{box-shadow:0 8px 20px #ffffff1a}[data-theme=dark] .courses-grid>div{box-shadow:0 4px 12px #ffffff14}[data-theme=dark] .courses-grid>div:hover{box-shadow:0 8px 20px #ffffff1a}@media (max-width: 1200px){.hero-content h1{font-size:3rem}.courses-grid{gap:1rem}}@media (max-width: 1024px){.courses-grid{grid-template-columns:repeat(2,1fr)}.courses-grid>.div1{grid-column:span 2}.hero-content h1{font-size:2.8rem}}@media (max-width: 768px){.hero-section{padding:3rem 1rem;flex-direction:column;gap:1.5rem}.hero-content h1{font-size:2.3rem}.hero-content p{font-size:1.1rem;margin-bottom:1.5rem}.hero-buttons{gap:.8rem}.btn{padding:.7rem 1.5rem;font-size:.9rem}.features-section{padding:3rem 1rem;grid-template-columns:1fr;gap:1.5rem}.featured-courses-section{padding:3rem 1rem}.featured-courses-section h2{font-size:2rem}.courses-grid{grid-template-columns:1fr;gap:1rem}.courses-grid>div{grid-column:span 1!important;padding:1.25rem}.courses-grid>.div1{min-height:auto}.course-filters{gap:.3rem}.filter-btn{padding:.4rem 1rem;font-size:.9rem}}@media (max-width: 480px){.home-page{padding:0 1rem}.hero-section{padding:2rem 1rem}.hero-content h1{font-size:2rem;line-height:1.3}.hero-content p{font-size:1rem;margin-bottom:1.5rem}.hero-buttons{flex-direction:column;align-items:center;gap:.8rem}.btn{width:100%;max-width:250px;text-align:center}.features-section{padding:2rem 1rem;gap:1rem}.feature-card{padding:1rem}.feature-icon{font-size:2.5rem!important;padding:8px}.feature-card h3{font-size:1.3rem}.featured-courses-section{padding:2rem 1rem}.featured-courses-section h2{font-size:1.8rem}.featured-courses-section p{font-size:1rem}.courses-grid{gap:.8rem}.courses-grid>div{padding:1rem}.home-contact-section{padding:2rem 1rem}.course-filters{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:.5rem}.filter-btn{white-space:nowrap;flex-shrink:0}}@media (max-width: 360px){.hero-content h1{font-size:1.8rem}.feature-icon{font-size:2.2rem!important}.feature-card h3{font-size:1.2rem}.featured-courses-section h2{font-size:1.6rem}}@media (hover: none) and (pointer: coarse){.feature-card:hover{transform:none}.courses-grid>div:hover{transform:none}.btn:hover{transform:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.hero-content h1{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.scroll-to-top{position:fixed;bottom:30px;right:30px;background-color:var(--primary-color);color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .4s ease;z-index:1000;box-shadow:0 0 10px var(--primary-color),0 0 20px var(--primary-color)}.scroll-to-top:hover{transform:translateY(-5px);box-shadow:0 0 15px var(--primary-color),0 0 25px var(--primary-color)}.btn-view-all{display:inline-block;margin-top:2rem;padding:.8rem 2rem;border-radius:8px;text-decoration:none;border:2px solid var(--primary-color);background-color:var(--primary-color);color:#fff;font-weight:700;transition:all .3s ease}.btn-view-all:hover{background-color:color-mix(in srgb,var(--primary-color) 90%,black 10%);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--primary-color) 55%,transparent);transform:translateY(-2px)}@media (max-width: 480px){.btn-view-all{padding:.6rem 1.5rem}}.about-page{text-align:center;padding:0 1.25rem;margin:0 auto;max-width:var(--max-content-width, 1280px);box-sizing:border-box;color:var(--text-color)}.about-header-bg{padding:3rem 1.25rem;border-radius:20px;margin-bottom:3rem;text-align:center;background-color:var(--secondary-color)}.about-main-title,.about-main-desc{display:inline-block;padding:.4rem .8rem;border-radius:10px;animation:fadeInUp 1s ease forwards}.about-main-title{font-size:2.8rem;font-weight:800;color:var(--primary-color);margin-bottom:.5rem;display:block}.about-main-desc{font-size:1.2rem;color:var(--text-color);max-width:600px;margin:.5rem auto 0}.about-row.about-vision-mission{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.vision-big-card,.mission-big-card{flex:1 1 300px;background-color:var(--secondary-color);padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0003;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.vision-big-card:hover,.mission-big-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.vision-big-card .card-icon,.mission-big-card .card-icon{font-size:3rem;color:var(--primary-color);background-color:color-mix(in srgb,var(--primary-color) 20%,transparent);border:2px solid var(--primary-color);padding:12px;border-radius:12px;display:inline-block;transition:all .3s ease}.vision-big-card:hover .card-icon,.mission-big-card:hover .card-icon{transform:rotate(180deg);background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.vision-big-card h2,.mission-big-card h2{font-size:1.5rem;margin:1rem 0 .5rem;color:var(--text-color)}.vision-big-card p,.mission-big-card p{font-size:1rem;color:var(--text-color);line-height:1.6}.about-values-title{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.about-values-desc{font-size:1.1rem;color:var(--text-color);margin-bottom:2rem}.about-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:0 auto 3rem}.value-grid-card{background-color:var(--secondary-color);border-radius:12px;padding:1.25rem;box-shadow:0 4px 12px #00000026;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.value-grid-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.value-grid-card .card-icon{font-size:3rem;color:var(--primary-color);background-color:color-mix(in srgb,var(--primary-color) 20%,transparent);border:2px solid var(--primary-color);padding:12px;border-radius:12px;display:inline-block;transition:all .3s ease}.value-grid-card:hover .card-icon{transform:rotate(180deg);background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.value-grid-card h3{font-size:1.3rem;margin:.8rem 0 .4rem;color:var(--text-color)}.value-grid-card p{font-size:1rem;color:var(--text-color);line-height:1.5}[data-theme=dark] .vision-big-card,[data-theme=dark] .mission-big-card,[data-theme=dark] .value-grid-card,[data-theme=dark] .about-header-bg{background-color:var(--secondary-color);color:var(--text-color)}@media (max-width: 1024px){.about-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.about-cards-grid{grid-template-columns:1fr}.about-row.about-vision-mission{flex-direction:column;gap:1.5rem}}@media (max-width: 480px){.about-main-title{font-size:1.8rem;padding:.3rem .6rem}.about-main-desc{font-size:1rem;padding:.3rem .6rem}}.about-notice-section{margin:3rem auto;padding:0 2rem;max-width:800px}.notice-card{background-color:var(--secondary-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00000026;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.notice-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.notice-card .card-icon{font-size:3rem;color:var(--primary-color);background-color:color-mix(in srgb,var(--primary-color) 20%,transparent);border:2px solid var(--primary-color);padding:12px;border-radius:12px;display:inline-block;transition:all .3s ease}.notice-card:hover .card-icon{transform:rotate(180deg);background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.notice-card h3{font-size:1.3rem;margin:.8rem 0 .4rem;color:var(--text-color)}.notice-card p{font-size:1rem;color:var(--text-color);line-height:1.5}.notice-card strong{color:var(--primary-color)}[data-theme=dark] .notice-card{background-color:var(--secondary-color);color:var(--text-color)}@media (max-width: 768px){.about-notice-section{margin:2rem 0;padding:0 1rem}}@media (max-width: 480px){.notice-card{padding:1.25rem}.notice-card h3{font-size:1.2rem}.notice-card p{font-size:.9rem}}.pathways-section{padding:4rem 1.25rem;text-align:center;max-width:var(--max-content-width, 1280px);margin:0 auto;background-color:var(--background-color);box-sizing:border-box}.pathways-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--primary-color)}.pathways-header p{font-size:1.1rem;max-width:600px;margin:0 auto 2rem;color:var(--text-color);opacity:.8}.pathways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem 0}.pathway-card{background-color:var(--secondary-color);padding:1.5rem;border-radius:8px;text-align:right;border:1px solid var(--secondary-color);transition:transform .3s ease;display:flex;flex-direction:column}.pathway-card:hover{transform:translateY(-5px)}.pathway-icon{font-size:2.5rem!important;color:#fff;width:70px;height:70px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;align-self:flex-end;transition:all .3s ease-in-out}.pathway-card:hover .pathway-icon{transform:rotate(180deg)}.pathway-header h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-color)}.pathway-meta{display:flex;gap:1rem;font-size:.9rem;color:var(--text-color);opacity:.7;margin-bottom:1rem}.pathway-description{color:var(--text-color);line-height:1.6;flex-grow:1;margin-bottom:1.5rem;opacity:.9}.pathway-courses-preview h4{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-color)}.courses-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.course-tag{font-size:.8rem;padding:.25rem .75rem;border-radius:15px;border:1px solid var(--primary-color);color:var(--text-color);background-color:transparent;transition:all .3s ease}.course-tag:hover{background-color:var(--primary-color);color:#fff}.course-tag-more{font-size:.8rem;padding:.25rem .75rem;border-radius:15px;color:#fff;opacity:.8;transition:all .3s ease}.course-tag-more:hover{opacity:1;transform:scale(1.05)}.view-pathway-btn{padding:.8rem 2rem;border-radius:8px;text-decoration:none;border:none;font-weight:700;transition:all .3s ease;display:inline-block;margin-top:auto;color:#fff;cursor:pointer}.view-pathway-btn:hover{background-color:color-mix(in srgb,var(--primary-color) 90%,black 10%);color:#fff;transform:translateY(-2px)}[data-theme=dark] .pathway-card{border-color:var(--secondary-color)}[data-theme=dark] .course-tag{border-color:var(--primary-color);opacity:.9}@media (max-width: 1200px){.pathways-grid{gap:1.5rem}}@media (max-width: 1024px){.pathways-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.pathways-section{padding:3rem 1rem}.pathways-header h2{font-size:2rem}.pathways-grid{grid-template-columns:1fr;gap:1.5rem}.pathway-card{padding:1.25rem}}@media (max-width: 480px){.pathways-section{padding:2rem 1rem}.pathways-header h2{font-size:1.8rem}.pathway-card{padding:1rem}.pathway-icon{width:60px;height:60px;font-size:2rem!important}.pathway-header h3{font-size:1.3rem}.pathway-meta{flex-direction:column;gap:.5rem}.view-pathway-btn{padding:.7rem 1.5rem;font-size:.9rem}}@media (max-width: 360px){.pathways-header h2{font-size:1.6rem}.pathway-icon{width:50px;height:50px;font-size:1.8rem!important}.pathway-header h3{font-size:1.2rem}}@media (hover: none) and (pointer: coarse){.pathway-card:hover,.pathway-card:hover .pathway-icon,.view-pathway-btn:hover{transform:none}.course-tag:hover{background-color:transparent;color:var(--text-color)}}.scroll-to-top{position:fixed;bottom:30px;right:30px;background-color:var(--primary-color);color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all .4s ease;z-index:1000}.scroll-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-5px)}@media (max-width: 480px){.scroll-to-top{bottom:20px;right:15px;width:40px;height:40px}.scroll-to-top .MuiSvgIcon-root{font-size:1.2rem}}.contact-page{text-align:center;padding:0 1.25rem;margin:0 auto;max-width:var(--max-content-width, 1280px);box-sizing:border-box;color:var(--text-color)}.contact-header-bg{padding:3rem 1.25rem;border-radius:20px;margin-bottom:3rem;text-align:center;background-color:var(--secondary-color)}.contact-main-title{font-size:2.8rem;font-weight:800;color:var(--primary-color);margin-bottom:.5rem;display:block}.contact-main-desc{font-size:1.2rem;color:var(--text-color);max-width:600px;margin:.5rem auto 0}.contact-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:0 auto 3rem;max-width:1200px}.contact-card{background-color:var(--secondary-color);border-radius:12px;padding:2rem;box-shadow:0 4px 12px #00000026;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.contact-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.contact-card-icon{font-size:3rem;color:var(--primary-color);background-color:color-mix(in srgb,var(--primary-color) 20%,transparent);border:2px solid var(--primary-color);padding:12px;border-radius:12px;display:inline-block;transition:all .3s ease}.contact-card:hover .contact-card-icon{transform:rotate(180deg);background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.contact-card h3{font-size:1.5rem;margin:1.5rem 0 1rem;color:var(--text-color);font-weight:700}.contact-card p{font-size:1rem;color:var(--text-color);line-height:1.6;margin-bottom:2rem;opacity:.9}.contact-btn{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;background:var(--primary-color);color:#fff}.btn-icon{font-size:1.2rem}.twitter-handle{display:inline-flex;align-items:center;gap:.5rem;background:var(--secondary-color);color:var(--text-color);padding:.75rem 1.5rem;border-radius:8px;border:2px solid var(--primary-color);font-weight:600;font-size:1.1rem}.handle-icon{color:#1da1f2;font-size:1.3rem}.contact-notice-section{margin:3rem auto;padding:0 2rem;max-width:800px}.contact-notice-card{background-color:var(--secondary-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00000026;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.contact-notice-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.contact-notice-card .contact-card-icon{font-size:3rem;color:var(--primary-color);background-color:color-mix(in srgb,var(--primary-color) 20%,transparent);border:2px solid var(--primary-color);padding:12px;border-radius:12px;display:inline-block;transition:all .3s ease}.contact-notice-card:hover .contact-card-icon{transform:rotate(180deg);background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.contact-notice-card h3{font-size:1.3rem;margin:.8rem 0 .4rem;color:var(--text-color)}.contact-notice-card p{font-size:1rem;color:var(--text-color);line-height:1.5}.contact-notice-card strong{color:var(--primary-color)}[data-theme=dark] .contact-header-bg,[data-theme=dark] .contact-card,[data-theme=dark] .contact-notice-card{background-color:var(--secondary-color);color:var(--text-color)}@media (max-width: 1024px){.contact-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.contact-cards-grid{grid-template-columns:1fr;gap:1.5rem}.contact-notice-section{margin:2rem 0;padding:0 1rem}}@media (max-width: 480px){.contact-main-title{font-size:1.8rem}.contact-main-desc{font-size:1rem}.contact-card{padding:1.5rem}.contact-card h3{font-size:1.3rem}.contact-notice-card{padding:1.25rem}.contact-notice-card h3{font-size:1.2rem}.contact-notice-card p{font-size:.9rem}}.html-course-page{background-color:var(--background-color);color:var(--text-color);min-height:100vh}.html-course-header{background:linear-gradient(135deg,var(--primary-color) 0%,#d32f2f 100%);color:#fff;padding:2rem 0;box-shadow:0 4px 12px #0000001a}.html-course-container{max-width:var(--max-content-width);margin:0 auto;padding:0 1.5rem}.html-course-title h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.html-course-title p{font-size:1.1rem;opacity:.9;margin:0}.html-course-main{padding:3rem 0}@media (max-width: 968px){.grid-container{grid-template-columns:1fr;gap:1.5rem}.sidebar{position:static}.html-course-title h1{font-size:2rem}.main-content{padding:1.5rem}}@media (max-width: 768px){.html-course-container{padding:0 1rem}.button-group{flex-direction:column}.btn{justify-content:center}.download-buttons{flex-direction:column}.download-btn{min-width:auto}.video-footer{flex-direction:column;align-items:flex-start}.step{flex-direction:column;text-align:center}.issues-grid{grid-template-columns:1fr}}@media (max-width: 480px){.html-course-header{padding:1.5rem 0}.html-course-title h1{font-size:1.75rem}.main-content,.tools-section,.video-section,.setup-steps,.download-links-section,.common-issues{padding:1rem}}@media (max-width: 768px){.concepts-grid{grid-template-columns:1fr}.instructor-info{padding:1rem}.instructor-info h3{font-size:1.1rem}}.playlist-link{margin:1.5rem 0}.playlist-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:all .3s ease}@media (max-width: 768px){.video-details{grid-template-columns:1fr}.detail-item{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--secondary-color)}.detail-item:last-child{border-bottom:none}}@media (max-width: 480px){.video-info{padding:1rem}.playlist-btn{padding:.6rem .8rem;font-size:.9rem}}.css-course-page{background-color:var(--background-color);color:var(--text-color);min-height:100vh}.css-course-header{background:linear-gradient(135deg,var(--primary-color) 0%,#d32f2f 100%);color:#fff;padding:2rem 0;box-shadow:0 4px 12px #0000001a}.css-course-container{max-width:var(--max-content-width);margin:0 auto;padding:0 1.5rem}.css-course-title h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.css-course-title p{font-size:1.1rem;opacity:.9;margin:0}.css-course-main{padding:3rem 0}@media (max-width: 968px){.grid-container{grid-template-columns:1fr;gap:1.5rem}.sidebar{position:static}.css-course-title h1{font-size:2rem}.main-content{padding:1.5rem}}@media (max-width: 768px){.css-course-container{padding:0 1rem}.button-group{flex-direction:column}.btn{justify-content:center}.video-footer{flex-direction:column;align-items:flex-start}.step{flex-direction:column;text-align:center}.concepts-grid,.video-details{grid-template-columns:1fr}}@media (max-width: 480px){.css-course-header{padding:1.5rem 0}.css-course-title h1{font-size:1.75rem}.main-content,.tools-section,.video-section,.setup-steps,.practice-section,.video-info{padding:1rem}.detail-item{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--secondary-color)}.detail-item:last-child{border-bottom:none}}.javascript-course-page{background-color:var(--background-color);color:var(--text-color);min-height:100vh}.javascript-course-header{background:linear-gradient(135deg,var(--primary-color) 0%,#d32f2f 100%);color:#fff;padding:2rem 0;box-shadow:0 4px 12px #0000001a}.javascript-course-container{max-width:var(--max-content-width);margin:0 auto;padding:0 1.5rem}.javascript-course-title h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.javascript-course-title p{font-size:1.1rem;opacity:.9;margin:0}.javascript-course-main{padding:3rem 0}@media (max-width: 968px){.grid-container{grid-template-columns:1fr;gap:1.5rem}.sidebar{position:static}.javascript-course-title h1{font-size:2rem}.main-content{padding:1.5rem}}@media (max-width: 768px){.javascript-course-container{padding:0 1rem}.button-group{flex-direction:column}.btn{justify-content:center}.video-footer{flex-direction:column;align-items:flex-start}.step{flex-direction:column;text-align:center}.concepts-grid,.video-details{grid-template-columns:1fr}}@media (max-width: 480px){.javascript-course-header{padding:1.5rem 0}.javascript-course-title h1{font-size:1.75rem}.main-content,.tools-section,.video-section,.setup-steps,.practice-section,.video-info{padding:1rem}.detail-item{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--secondary-color)}.detail-item:last-child{border-bottom:none}}.typescript-course-page{background-color:var(--background-color);color:var(--text-color);min-height:100vh}.typescript-course-header{background:linear-gradient(135deg,var(--primary-color) 0%,#d32f2f 100%);color:#fff;padding:2rem 0;box-shadow:0 4px 12px #0000001a}.typescript-course-container{max-width:var(--max-content-width);margin:0 auto;padding:0 1.5rem}.typescript-course-title h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.typescript-course-title p{font-size:1.1rem;opacity:.9;margin:0}.typescript-course-main{padding:3rem 0}@media (max-width: 968px){.grid-container{grid-template-columns:1fr;gap:1.5rem}.sidebar{position:static}.typescript-course-title h1{font-size:2rem}.main-content{padding:1.5rem}}@media (max-width: 768px){.typescript-course-container{padding:0 1rem}.button-group{flex-direction:column}.btn{justify-content:center}.video-footer{flex-direction:column;align-items:flex-start}.step{flex-direction:column;text-align:center}.concepts-grid,.video-details{grid-template-columns:1fr}}@media (max-width: 480px){.typescript-course-header{padding:1.5rem 0}.typescript-course-title h1{font-size:1.75rem}.main-content,.tools-section,.video-section,.setup-steps,.practice-section,.video-info{padding:1rem}.detail-item{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--secondary-color)}.detail-item:last-child{border-bottom:none}}.react-course-page{background-color:var(--background-color);color:var(--text-color);min-height:100vh}.react-course-header{background:linear-gradient(135deg,var(--primary-color) 0%,#d32f2f 100%);color:#fff;padding:2rem 0;box-shadow:0 4px 12px #0000001a}.react-course-container{max-width:var(--max-content-width);margin:0 auto;padding:0 1.5rem}.react-course-title h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.react-course-title p{font-size:1.1rem;opacity:.9;margin:0}.react-course-main{padding:3rem 0}@media (max-width: 968px){.grid-container{grid-template-columns:1fr;gap:1.5rem}.sidebar{position:static}.react-course-title h1{font-size:2rem}.main-content{padding:1.5rem}}@media (max-width: 768px){.react-course-container{padding:0 1rem}.button-group{flex-direction:column}.btn{justify-content:center}.video-footer{flex-direction:column;align-items:flex-start}.step{flex-direction:column;text-align:center}.concepts-grid,.video-details{grid-template-columns:1fr}}@media (max-width: 480px){.react-course-header{padding:1.5rem 0}.react-course-title h1{font-size:1.75rem}.main-content,.tools-section,.video-section,.setup-steps,.practice-section,.video-info{padding:1rem}.detail-item{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--secondary-color)}.detail-item:last-child{border-bottom:none}}.python-course-page{background-color:var(--background-color);color:var(--text-color);min-height:100vh}.python-course-header{background:linear-gradient(135deg,var(--primary-color) 0%,#d32f2f 100%);color:#fff;padding:2rem 0;box-shadow:0 4px 12px #0000001a}.python-course-container{max-width:var(--max-content-width);margin:0 auto;padding:0 1.5rem}.python-course-title h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.python-course-title p{font-size:1.1rem;opacity:.9;margin:0}.python-course-main{padding:3rem 0}.tips-list li:before{content:"•";position:absolute;right:0;color:var(--primary-color)}.code-example h3{margin:0;padding:1rem 1.5rem;background:var(--secondary-color);color:var(--text-color);font-size:1.1rem;border-bottom:1px solid #ddd}.practice-section{background:var(--secondary-color);padding:1.5rem;border-radius:8px;margin-bottom:2rem}.step{display:flex;align-items:flex-start;gap:1rem}.step-number{background:var(--primary-color);color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.course-info .instructor{color:var(--primary-color);font-weight:600;margin-top:.25rem;font-size:.9rem}.playlist-links h4{margin:0 0 1rem;color:var(--text-color);text-align:center}.playlist-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:90%;padding:.75rem 1rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:all .3s ease;margin-bottom:.5rem}@media (max-width: 968px){.grid-container{grid-template-columns:1fr;gap:1.5rem}.sidebar{position:static}.python-course-title h1{font-size:2rem}.main-content{padding:1.5rem}}@media (max-width: 768px){.python-course-container{padding:0 1rem}.button-group{flex-direction:column}.btn{justify-content:center}.video-footer{flex-direction:column;align-items:flex-start}.step{flex-direction:column;text-align:center}.concepts-grid,.video-details{grid-template-columns:1fr}}@media (max-width: 480px){.python-course-header{padding:1.5rem 0}.python-course-title h1{font-size:1.75rem}.main-content,.tools-section,.video-section,.setup-steps,.practice-section,.video-info{padding:1rem}.detail-item{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--secondary-color)}.detail-item:last-child{border-bottom:none}}.java-course-page{background-color:var(--background-color);color:var(--text-color);min-height:100vh}.java-course-header{background:linear-gradient(135deg,var(--primary-color) 0%,#d32f2f 100%);color:#fff;padding:2rem 0;box-shadow:0 4px 12px #0000001a}.java-course-container{max-width:var(--max-content-width);margin:0 auto;padding:0 1.5rem}.java-course-title h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.java-course-title p{font-size:1.1rem;opacity:.9;margin:0}.java-course-main{padding:3rem 0}.code-block{background:#1e1e1e;color:#d4d4d4;padding:1.5rem;margin:0;overflow-x:auto;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.code-block{direction:ltr;text-align:left}@media (max-width: 968px){.grid-container{grid-template-columns:1fr;gap:1.5rem}.sidebar{position:static}.java-course-title h1{font-size:2rem}.main-content{padding:1.5rem}}@media (max-width: 768px){.java-course-container{padding:0 1rem}.button-group{flex-direction:column}.btn{justify-content:center}.download-buttons{flex-direction:column}.download-btn{min-width:auto}.video-footer{flex-direction:column;align-items:flex-start}.step{flex-direction:column;text-align:center}.issues-grid,.concepts-grid,.video-details{grid-template-columns:1fr}.instructor-info{padding:1rem}.instructor-info h3{font-size:1.1rem}.detail-item{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--secondary-color)}.detail-item:last-child{border-bottom:none}}@media (max-width: 480px){.java-course-header{padding:1.5rem 0}.java-course-title h1{font-size:1.75rem}.main-content,.tools-section,.video-section,.setup-steps,.download-links-section,.common-issues,.practice-section,.video-info{padding:1rem}.playlist-btn{padding:.6rem .8rem;font-size:.9rem}}:root{--primary-color: #f5332c;--secondary-color: #ffffff;--background-color: #f8f9fa;--text-color: #333333;--max-content-width: 1200px}[data-theme=dark]{--secondary-color: #2d3748;--background-color: #1a202c;--text-color: #e2e8f0}.postgresql-course-page{background-color:var(--background-color);color:var(--text-color);min-height:100vh}.postgresql-course-header{background:linear-gradient(135deg,var(--primary-color) 0%,#d32f2f 100%);color:#fff;padding:2rem 0;box-shadow:0 4px 12px #0000001a}.postgresql-course-container{max-width:var(--max-content-width);margin:0 auto;padding:0 1.5rem}.postgresql-course-title h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.postgresql-course-title p{font-size:1.1rem;opacity:.9;margin:0}.postgresql-course-main{padding:3rem 0}.lesson-header h2{font-size:1.8rem;margin:0;color:var(--text-color);background:linear-gradient(135deg,var(--primary-color),#d32f2f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.instructor-info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:8px;margin-bottom:2rem;text-align:center}.playlist-links{margin:1.5rem 0}.playlist-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:all .3s ease;margin-bottom:.5rem}.practice-section{background:var(--background-color);padding:1.5rem;border-radius:8px;margin-bottom:2rem}.practice-steps .step{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--secondary-color);border-radius:6px}.practice-steps .step-number{background:var(--primary-color);color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.practice-steps .step p{margin:0;color:var(--text-color)}@media (max-width: 968px){.grid-container{grid-template-columns:1fr;gap:1.5rem}.sidebar{position:static}.postgresql-course-title h1{font-size:2rem}.main-content{padding:1.5rem}}@media (max-width: 768px){.postgresql-course-container{padding:0 1rem}.button-group{flex-direction:column}.btn{justify-content:center}.download-buttons{flex-direction:column}.download-btn{min-width:auto}.video-footer{flex-direction:column;align-items:flex-start}.step{flex-direction:column;text-align:center}.issues-grid,.video-details{grid-template-columns:1fr}.detail-item{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--secondary-color)}.detail-item:last-child{border-bottom:none}.concepts-grid{grid-template-columns:1fr}.instructor-info{padding:1rem}.instructor-info h3{font-size:1.1rem}}@media (max-width: 480px){.postgresql-course-header{padding:1.5rem 0}.postgresql-course-title h1{font-size:1.75rem}.main-content,.tools-section,.video-section,.setup-steps,.download-links-section,.common-issues,.video-info{padding:1rem}.playlist-btn{padding:.6rem .8rem;font-size:.9rem}}.git-course-page{background-color:var(--background-color);color:var(--text-color);min-height:100vh}.git-course-header{background:linear-gradient(135deg,var(--primary-color) 0%,#d32f2f 100%);color:#fff;padding:2rem 0;box-shadow:0 4px 12px #0000001a}.git-course-container{max-width:var(--max-content-width);margin:0 auto;padding:0 1.5rem}.git-course-title h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.git-course-title p{font-size:1.1rem;opacity:.9;margin:0}.git-course-main{padding:3rem 0}.video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;margin-bottom:1rem;border-radius:4px;overflow:hidden}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.lesson-button-content .icon{font-size:1.2rem}.playlist-btn{display:flex;align-items:center;gap:.5rem;width:90%;padding:.75rem 1rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:all .3s ease;margin-bottom:.5rem}.concept-card{background:var(--background-color);padding:1.5rem;border-radius:8px;border-right:4px solid var(--primary-color);box-shadow:0 2px 8px #0000001a}.practice-steps .step{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--secondary-color);border-radius:8px}@media (max-width: 968px){.grid-container{grid-template-columns:1fr;gap:1.5rem}.sidebar{position:static}.git-course-title h1{font-size:2rem}.main-content{padding:1.5rem}}@media (max-width: 768px){.git-course-container{padding:0 1rem}.button-group{flex-direction:column}.btn{justify-content:center}.download-buttons{flex-direction:column}.download-btn{min-width:auto}.video-footer{flex-direction:column;align-items:flex-start}.step{flex-direction:column;text-align:center}.issues-grid,.concepts-grid,.video-details{grid-template-columns:1fr}.instructor-info{padding:1rem}.instructor-info h3{font-size:1.1rem}.detail-item{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--secondary-color)}.detail-item:last-child{border-bottom:none}.practice-steps .step{flex-direction:column;text-align:center;gap:.75rem}}@media (max-width: 480px){.git-course-header{padding:1.5rem 0}.git-course-title h1{font-size:1.75rem}.main-content,.tools-section,.video-section,.setup-steps,.download-links-section,.common-issues,.practice-section,.video-info{padding:1rem}.playlist-btn{padding:.6rem .8rem;font-size:.9rem}.lesson-header{flex-direction:column;text-align:center;gap:.5rem}.lesson-header h2{font-size:1.5rem}.code-block{padding:1rem;font-size:.8rem}}.video-wrapper{box-shadow:0 4px 12px #00000026}.playlist-btn,.btn{position:relative;overflow:hidden}.playlist-btn:after,.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transition:width .3s,height .3s,top .3s,left .3s}.playlist-btn:hover:after,.btn:hover:after{width:300px;height:300px;top:-50px;left:-50px}.concept-card,.issue-card{transition:transform .3s ease,box-shadow .3s ease}.concept-card:hover,.issue-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.lesson-text{text-align:justify;line-height:1.8}.lesson-button-content .icon{transition:transform .3s ease}.git-course-title h1{text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 360px){.git-course-title h1{font-size:1.5rem}.lesson-header h2{font-size:1.3rem}.btn{padding:.6rem 1rem;font-size:.9rem}}.bootstrap-course-page{background-color:var(--background-color);color:var(--text-color);min-height:100vh;overflow-x:hidden}.bootstrap-course-header{background:linear-gradient(135deg,var(--primary-color) 0%,#d32f2f 100%);color:#fff;padding:2rem 0;box-shadow:0 4px 12px #0000001a;position:relative;z-index:10}.bootstrap-course-container{max-width:var(--max-content-width);margin:0 auto;padding:0 1.5rem;width:100%;box-sizing:border-box}.bootstrap-course-title h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700;word-wrap:break-word;line-height:1.2}.bootstrap-course-title p{font-size:1.1rem;opacity:.9;margin:0;line-height:1.5}.bootstrap-course-main{padding:3rem 0;position:relative}.grid-container{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start;max-width:100%}.sidebar{position:sticky;top:2rem;max-width:100%}.sidebar-inner{background:var(--secondary-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #00000014;transition:box-shadow .3s ease;max-width:100%;overflow:hidden;box-sizing:border-box}.playlist-btn{display:flex;align-items:center;gap:.5rem;width:90%;padding:.75rem 1rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:all .3s ease;margin-bottom:.5rem;position:relative;overflow:hidden;max-width:100%;box-sizing:border-box;word-wrap:break-word}.bootstrap-course-title h1{text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 1200px){.grid-container{grid-template-columns:1fr;gap:2rem}.sidebar{position:static;order:-1}}@media (max-width: 968px){.grid-container{grid-template-columns:1fr;gap:1.5rem}.sidebar{position:static}.bootstrap-course-title h1{font-size:2rem}.main-content{padding:1.5rem}.concepts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.bootstrap-course-container{padding:0 1rem}.button-group{flex-direction:column}.btn{justify-content:center;width:100%}.download-buttons{flex-direction:column}.download-btn{min-width:auto;width:100%}.video-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.step{flex-direction:column;text-align:center;gap:1rem}.issues-grid,.concepts-grid,.video-details{grid-template-columns:1fr}.instructor-info{padding:1rem}.instructor-info h3{font-size:1.1rem}.detail-item{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--secondary-color)}.detail-item:last-child{border-bottom:none}.practice-steps .step{flex-direction:column;text-align:center;gap:.75rem}.lesson-text{text-align:justify;line-height:1.8}.lesson-header{flex-direction:column;text-align:center;gap:.5rem}.code-block{font-size:.8rem;padding:1rem}}@media (max-width: 480px){.bootstrap-course-header{padding:1.5rem 0}.bootstrap-course-title h1{font-size:1.75rem}.main-content,.tools-section,.video-section,.setup-steps,.download-links-section,.common-issues,.practice-section,.video-info{padding:1rem}.playlist-btn{padding:.6rem .8rem;font-size:.9rem}.lesson-header h2{font-size:1.5rem}.btn{padding:.6rem 1rem;font-size:.9rem}.bootstrap-course-title h1{font-size:1.5rem}.step-number{width:2.5rem;height:2.5rem;font-size:1rem}}@media (max-width: 360px){.bootstrap-course-title h1{font-size:1.4rem}.lesson-header h2{font-size:1.3rem}.btn{padding:.5rem .8rem;font-size:.85rem}.back-link{font-size:.9rem}.playlist-btn{font-size:.8rem;padding:.5rem .7rem}}@media print{.bootstrap-course-header{background:#fff!important;color:#000!important;box-shadow:none}.back-link,.sidebar,.button-group,.video-section{display:none}.main-content{box-shadow:none;background:#fff}.code-block{background:#f5f5f5!important;color:#333!important;border:1px solid #ddd!important}.tip-box{background:#f9f9f9!important;border:1px solid #ddd!important}}.mongodb-course-page{background-color:var(--background-color);color:var(--text-color);min-height:100vh;overflow-x:hidden}.mongodb-course-header{background:linear-gradient(135deg,var(--primary-color) 0%,#d32f2f 100%);color:#fff;padding:2rem 0;box-shadow:0 4px 12px #0000001a;position:relative;z-index:100}.mongodb-course-container{max-width:var(--max-content-width);margin:0 auto;padding:0 1.5rem;width:100%;box-sizing:border-box}.mongodb-course-title h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700;word-wrap:break-word;line-height:1.2}.mongodb-course-title p{font-size:1.1rem;opacity:.9;margin:0;line-height:1.5}.mongodb-course-main{padding:3rem 0;position:relative}.grid-container{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start;max-width:100%;position:relative}.main-content{background:var(--secondary-color);border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014;max-width:100%;overflow:hidden;box-sizing:border-box}.main-content-inner{max-width:100%;overflow:hidden}.lesson-content{width:100%;max-width:100%;overflow:hidden}.lesson-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-color);flex-wrap:wrap}.lesson-header .icon{font-size:2rem;flex-shrink:0}.lesson-header h2{font-size:clamp(1.5rem,4vw,1.8rem);margin:0;color:var(--text-color);word-wrap:break-word;line-height:1.3}.lesson-text{font-size:1.1rem;line-height:1.7;margin-bottom:2rem;color:var(--text-color);word-wrap:break-word}.tools-section{background:var(--background-color);padding:1.5rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid var(--primary-color);max-width:100%;overflow:hidden}.tools-section h3{margin-top:0;margin-bottom:1rem;color:var(--text-color);font-size:1.2rem;word-wrap:break-word}.tools-list{list-style:none;padding:0;margin:0;max-width:100%}.tools-list li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem;line-height:1.5;color:var(--text-color);transition:transform .2s ease;word-wrap:break-word;max-width:100%}.tools-list .bullet{color:var(--primary-color);font-weight:700;margin-top:.2rem;flex-shrink:0}.tool-details{font-size:.95rem;color:var(--text-color);opacity:.8;margin-top:.5rem;margin-right:1rem;line-height:1.6;word-wrap:break-word}.nested-list{list-style:disc;margin:.5rem 1.5rem;color:var(--text-color);opacity:.9;max-width:100%}.nested-list li{margin-bottom:.3rem;font-size:.9rem;word-wrap:break-word}.setup-steps{background:var(--background-color);padding:1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid #ddd;max-width:100%;overflow:hidden}.setup-steps h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-color);text-align:center;word-wrap:break-word}.steps-container{display:flex;flex-direction:column;gap:1.5rem;max-width:100%}.step{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:var(--secondary-color);border-radius:8px;border-right:4px solid var(--primary-color);transition:transform .3s ease;max-width:100%;box-sizing:border-box}.step-content{flex:1;min-width:0}.step-content h4{margin:0 0 .5rem;color:var(--text-color);font-size:1.1rem;word-wrap:break-word}.step-content p{margin:0;color:var(--text-color);opacity:.8;line-height:1.6;word-wrap:break-word}.download-links-section{background:var(--background-color);padding:1.5rem;border-radius:8px;margin-bottom:2rem;text-align:center;max-width:100%}.download-links-section h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-color);word-wrap:break-word}.download-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;max-width:100%}.download-btn{padding:1rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem;text-align:center;min-width:200px;max-width:100%;box-sizing:border-box}.tip-box{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffb74d;border-radius:8px;padding:1.5rem;margin-bottom:2rem;max-width:100%;overflow:hidden}.tip-box h3{margin-top:0;margin-bottom:1rem;color:#e65100;word-wrap:break-word}.tips-list{list-style:none;padding:0;margin:0;max-width:100%}.tips-list li{padding:.5rem 1.5rem .5rem 0;color:#bf360c;position:relative;transition:transform .2s ease;word-wrap:break-word}.common-issues{background:var(--background-color);padding:1.5rem;border-radius:8px;margin-bottom:2rem;max-width:100%;overflow:hidden}.common-issues h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-color);text-align:center;word-wrap:break-word}.issues-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:100%}.issue-card{background:var(--secondary-color);padding:1.5rem;border-radius:8px;border-top:4px solid #ff9800;transition:transform .3s ease,box-shadow .3s ease;max-width:100%;box-sizing:border-box}.issue-card h4{margin:0 0 .75rem;color:var(--text-color);font-size:1.1rem;word-wrap:break-word}.issue-card p{margin:0;color:var(--text-color);opacity:.8;line-height:1.5;font-size:.95rem;word-wrap:break-word}.code-example{background:var(--background-color);border:1px solid #ddd;border-radius:8px;margin-bottom:1.5rem;overflow:hidden;max-width:100%}.code-example h3,.code-example h4{margin:0;padding:1rem 1.5rem;background:var(--secondary-color);color:var(--text-color);font-size:1.1rem;border-bottom:1px solid #ddd;word-wrap:break-word}.code-block{background:#1e1e1e;color:#d4d4d4;padding:1.5rem;margin:0;overflow-x:auto;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;direction:ltr;text-align:left;max-width:100%;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word}.video-section{background:var(--background-color);border-radius:8px;padding:1.5rem;margin-bottom:2rem;border:1px solid #ddd;max-width:100%;overflow:hidden}.video-section h3{display:flex;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem;color:var(--text-color);word-wrap:break-word;flex-wrap:wrap}.video-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.9rem;max-width:100%}.video-footer a{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color);text-decoration:none;font-weight:500;word-wrap:break-word}.video-footer span{color:var(--text-color);opacity:.7;word-wrap:break-word}.button-group{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem;max-width:100%}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem;position:relative;overflow:hidden;max-width:100%;box-sizing:border-box;word-wrap:break-word}.sidebar{position:sticky;top:2rem;max-width:100%;height:fit-content;z-index:90;transition:all .3s ease}.sidebar.fixed{position:fixed;top:2rem;width:300px;max-height:calc(100vh - 4rem);overflow-y:auto}.sidebar-inner{background:var(--secondary-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease;max-width:100%;overflow:hidden;box-sizing:border-box}.sidebar.fixed .sidebar-inner{box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.1)}.sidebar h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-color);font-size:1.3rem;text-align:center;padding-bottom:1rem;border-bottom:2px solid var(--primary-color);word-wrap:break-word}.lessons-list{display:flex;flex-direction:column;gap:.5rem;max-width:100%}.lesson-button{background:var(--background-color);border:2px solid transparent;border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:right;width:100%;max-width:100%;box-sizing:border-box;word-wrap:break-word}.lesson-button-content{display:flex;align-items:center;gap:1rem;color:var(--text-color);max-width:100%}.lesson-button-content .icon{font-size:1.2rem;transition:transform .3s ease;flex-shrink:0}.lesson-button-content .title{font-weight:500;flex:1;word-wrap:break-word;min-width:0}.playlist-links{margin-top:1.5rem;max-width:100%}.playlist-links h4{margin-bottom:1rem;color:var(--text-color);text-align:center;word-wrap:break-word}.playlist-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:all .3s ease;margin-bottom:.5rem;position:relative;overflow:hidden;max-width:100%;box-sizing:border-box;word-wrap:break-word}.instructor-info{background:linear-gradient(135deg,var(--primary-color) 0%,#d32f2f 100%);color:#fff;padding:1.5rem;border-radius:8px;margin-bottom:2rem;text-align:center;max-width:100%;overflow:hidden}.instructor-info h3{margin:0 0 .5rem;font-size:1.3rem;word-wrap:break-word}.instructor-info p{margin:0;opacity:.9;word-wrap:break-word}.concepts-section{margin-bottom:2rem;max-width:100%}.concepts-section h3{margin-bottom:1rem;color:var(--text-color);word-wrap:break-word}.concepts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem;max-width:100%}.concept-card{background:var(--background-color);padding:1.5rem;border-radius:8px;border-right:4px solid var(--primary-color);box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;max-width:100%;box-sizing:border-box}.concept-card h4{margin:0 0 .75rem;color:var(--text-color);font-size:1.1rem;word-wrap:break-word}.concept-card p{margin:0;color:var(--text-color);opacity:.8;line-height:1.5;word-wrap:break-word}.course-info{background:var(--background-color);padding:1rem;border-radius:6px;margin-bottom:1rem;text-align:center;border:1px solid var(--primary-color);max-width:100%;overflow:hidden}.course-info p{margin:0;font-weight:500;color:var(--text-color);word-wrap:break-word}.course-info .instructor{color:var(--primary-color);font-weight:600;margin-top:.25rem;word-wrap:break-word}.instructor-notes{background:var(--background-color);padding:1rem;border-radius:6px;margin-top:1.5rem;border-right:3px solid var(--primary-color);max-width:100%;overflow:hidden}.instructor-notes h4{margin:0 0 .5rem;color:var(--text-color);word-wrap:break-word}.instructor-notes p{margin:0;color:var(--text-color);opacity:.8;font-size:.9rem;line-height:1.4;word-wrap:break-word}.video-info{background:var(--background-color);padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border-right:4px solid var(--primary-color);max-width:100%;overflow:hidden}.video-info h3{margin-top:0;margin-bottom:1rem;color:var(--text-color);word-wrap:break-word}.video-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;max-width:100%}.detail-item{display:flex;flex-direction:column;gap:.25rem;word-wrap:break-word}.practice-section{background:var(--background-color);padding:1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid #ddd;max-width:100%;overflow:hidden}.practice-section h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-color);text-align:center;word-wrap:break-word}.practice-steps{display:flex;flex-direction:column;gap:1rem;max-width:100%}.practice-steps .step{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--secondary-color);border-radius:8px;transition:transform .3s ease;max-width:100%;box-sizing:border-box}.practice-steps .step p{margin:0;color:var(--text-color);font-weight:500;word-wrap:break-word;flex:1}.mongodb-course-title h1{text-shadow:0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .concept-card{background:var(--background-color);border-color:#555}[data-theme=dark] .sidebar.fixed .sidebar-inner{border-color:#555}@media (max-width: 1200px){.grid-container{grid-template-columns:1fr;gap:2rem}.sidebar{position:static!important;order:-1}.sidebar.fixed{position:static!important;width:100%!important;max-height:none!important}}@media (max-width: 968px){.grid-container{grid-template-columns:1fr;gap:1.5rem}.sidebar{position:static}.mongodb-course-title h1{font-size:2rem}.main-content{padding:1.5rem}.concepts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.mongodb-course-container{padding:0 1rem}.button-group{flex-direction:column}.btn{justify-content:center;width:100%}.download-buttons{flex-direction:column}.download-btn{min-width:auto;width:100%}.video-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.step{flex-direction:column;text-align:center;gap:1rem}.issues-grid,.concepts-grid,.video-details{grid-template-columns:1fr}.instructor-info{padding:1rem}.instructor-info h3{font-size:1.1rem}.detail-item{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--secondary-color)}.detail-item:last-child{border-bottom:none}.practice-steps .step{flex-direction:column;text-align:center;gap:.75rem}.lesson-text{text-align:justify;line-height:1.8}.lesson-header{flex-direction:column;text-align:center;gap:.5rem}.code-block{font-size:.8rem;padding:1rem}}@media (max-width: 480px){.mongodb-course-header{padding:1.5rem 0}.mongodb-course-title h1{font-size:1.75rem}.main-content,.tools-section,.video-section,.setup-steps,.download-links-section,.common-issues,.practice-section,.video-info{padding:1rem}.playlist-btn{padding:.6rem .8rem;font-size:.9rem}.lesson-header h2{font-size:1.5rem}.btn{padding:.6rem 1rem;font-size:.9rem}.mongodb-course-title h1{font-size:1.5rem}.step-number{width:2.5rem;height:2.5rem;font-size:1rem}}@media (max-width: 360px){.mongodb-course-title h1{font-size:1.4rem}.lesson-header h2{font-size:1.3rem}.btn{padding:.5rem .8rem;font-size:.85rem}.back-link{font-size:.9rem}.playlist-btn{font-size:.8rem;padding:.5rem .7rem}}html,body{overflow-x:hidden;max-width:100%}*{box-sizing:border-box}.code-block code{font-family:Courier New,monospace;display:block}a{color:var(--primary-color)}img{max-width:100%;height:auto}input,textarea,select{max-width:100%;box-sizing:border-box}@media print{.mongodb-course-header{background:#fff!important;color:#000!important;box-shadow:none}.back-link,.sidebar,.button-group,.video-section{display:none}.main-content{box-shadow:none;background:#fff}.code-block{background:#f5f5f5!important;color:#333!important;border:1px solid #ddd!important}.tip-box{background:#f9f9f9!important;border:1px solid #ddd!important}}.sidebar.fixed::-webkit-scrollbar{width:6px}.sidebar.fixed::-webkit-scrollbar-track{background:var(--secondary-color);border-radius:3px}.sidebar.fixed::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.sidebar.fixed::-webkit-scrollbar-thumb:hover{background:#d32f2f}.node-course-page{background-color:var(--background-color);color:var(--text-color);min-height:100vh}.node-course-header{background:linear-gradient(135deg,var(--primary-color) 0%,#d32f2f 100%);color:#fff;padding:2rem 0;box-shadow:0 4px 12px #0000001a}.node-course-container{max-width:var(--max-content-width);margin:0 auto;padding:0 1.5rem}.node-course-title h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.node-course-title p{font-size:1.1rem;opacity:.9;margin:0}.node-course-main{padding:3rem 0}.tools-list li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem;line-height:1.5;color:var(--text-color)}.step{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:var(--secondary-color);border-radius:8px;border-right:4px solid var(--primary-color)}.tips-list li{padding:.5rem 1.5rem .5rem 0;color:#bf360c;position:relative}.issue-card{background:var(--secondary-color);padding:1.5rem;border-radius:8px;border-top:4px solid #ff9800}.sidebar-inner{background:var(--secondary-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #00000014}.node-course-title h1{text-shadow:0 2px 4px rgba(0,0,0,.3)}.tools-list li,.tips-list li{transition:transform .2s ease}.tools-list li:hover,.tips-list li:hover{transform:translate(-4px)}@media (max-width: 968px){.grid-container{grid-template-columns:1fr;gap:1.5rem}.sidebar{position:static}.node-course-title h1{font-size:2rem}.main-content{padding:1.5rem}}@media (max-width: 768px){.node-course-container{padding:0 1rem}.button-group{flex-direction:column}.btn{justify-content:center}.download-buttons{flex-direction:column}.download-btn{min-width:auto}.video-footer{flex-direction:column;align-items:flex-start}.step{flex-direction:column;text-align:center}.issues-grid,.concepts-grid,.video-details{grid-template-columns:1fr}.instructor-info{padding:1rem}.instructor-info h3{font-size:1.1rem}.detail-item{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--secondary-color)}.detail-item:last-child{border-bottom:none}.practice-steps .step{flex-direction:column;text-align:center;gap:.75rem}.lesson-text{text-align:justify;line-height:1.8}}@media (max-width: 480px){.node-course-header{padding:1.5rem 0}.node-course-title h1{font-size:1.75rem}.main-content,.tools-section,.video-section,.setup-steps,.download-links-section,.common-issues,.practice-section,.video-info{padding:1rem}.playlist-btn{padding:.6rem .8rem;font-size:.9rem}.lesson-header{flex-direction:column;text-align:center;gap:.5rem}.lesson-header h2{font-size:1.5rem}.code-block{padding:1rem;font-size:.8rem}.btn{padding:.6rem 1rem;font-size:.9rem}}@media (max-width: 360px){.node-course-title h1{font-size:1.5rem}.lesson-header h2{font-size:1.3rem}.btn{padding:.5rem .8rem;font-size:.85rem}.back-link{font-size:.9rem}}.sidebar-inner,.main-content{transition:box-shadow .3s ease}.sidebar-inner:hover,.main-content:hover{box-shadow:0 8px 25px #0000001f}@media (prefers-reduced-motion: reduce){.btn,.lesson-button,.playlist-btn,.concept-card,.step,.practice-steps .step{transition:none}.main-content-inner{animation:none}}.tailwind-course-page{background-color:var(--background-color);color:var(--text-color);min-height:100vh}.tailwind-course-header{background:linear-gradient(135deg,var(--primary-color) 0%,#d32f2f 100%);color:#fff;padding:2rem 0;box-shadow:0 4px 12px #0000001a}.tailwind-course-container{max-width:var(--max-content-width);margin:0 auto;padding:0 1.5rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:500;margin-bottom:1.5rem;transition:opacity .3s ease}.back-link:hover{opacity:.8}.tailwind-course-title h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.tailwind-course-title p{font-size:1.1rem;opacity:.9;margin:0}.tailwind-course-main{padding:3rem 0}.grid-container{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start}.main-content{background:var(--secondary-color);border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014}.main-content-inner{max-width:100%}.lesson-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-color)}.lesson-header .icon{font-size:2rem}.lesson-header h2{font-size:1.8rem;margin:0;color:var(--text-color)}.lesson-text{font-size:1.1rem;line-height:1.7;margin-bottom:2rem;color:var(--text-color)}.tools-section{background:var(--background-color);padding:1.5rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid var(--primary-color)}.tools-section h3{margin-top:0;margin-bottom:1rem;color:var(--text-color);font-size:1.2rem}.tools-list{list-style:none;padding:0;margin:0}.tools-list li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem;line-height:1.5;color:var(--text-color);transition:transform .2s ease}.tools-list li:hover{transform:translate(-4px)}.tools-list .bullet{color:var(--primary-color);font-weight:700;margin-top:.2rem}.tool-details{font-size:.95rem;color:var(--text-color);opacity:.8;margin-top:.5rem;margin-right:1rem;line-height:1.6}.nested-list{list-style:disc;margin:.5rem 1.5rem;color:var(--text-color);opacity:.9}.nested-list li{margin-bottom:.3rem;font-size:.9rem}.setup-steps{background:var(--background-color);padding:1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid #ddd}.setup-steps h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-color);text-align:center}.steps-container{display:flex;flex-direction:column;gap:1.5rem}.step{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:var(--secondary-color);border-radius:8px;border-right:4px solid var(--primary-color);transition:transform .3s ease}.step:hover{transform:translate(-4px)}.step-number{background:var(--primary-color);color:#fff;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.step-content h4{margin:0 0 .5rem;color:var(--text-color);font-size:1.1rem}.step-content p{margin:0;color:var(--text-color);opacity:.8;line-height:1.6}.download-links-section{background:var(--background-color);padding:1.5rem;border-radius:8px;margin-bottom:2rem;text-align:center}.download-links-section h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-color)}.download-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.download-btn{padding:1rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem;text-align:center;min-width:200px}.download-btn.primary{background:var(--primary-color);color:#fff}.download-btn.primary:hover{background:#d32f2f;transform:translateY(-2px)}.download-btn.secondary{background:var(--secondary-color);color:var(--text-color);border:2px solid var(--primary-color)}.download-btn.secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.tip-box{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffb74d;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.tip-box h3{margin-top:0;margin-bottom:1rem;color:#e65100}.tips-list{list-style:none;padding:0;margin:0}.tips-list li{padding:.5rem 1.5rem .5rem 0;color:#bf360c;position:relative;transition:transform .2s ease}.tips-list li:hover{transform:translate(-4px)}.tips-list li:before{content:"💡";position:absolute;right:0}.common-issues{background:var(--background-color);padding:1.5rem;border-radius:8px;margin-bottom:2rem}.common-issues h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-color);text-align:center}.issues-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.issue-card{background:var(--secondary-color);padding:1.5rem;border-radius:8px;border-top:4px solid #ff9800;transition:transform .3s ease,box-shadow .3s ease}.issue-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.issue-card h4{margin:0 0 .75rem;color:var(--text-color);font-size:1.1rem}.issue-card p{margin:0;color:var(--text-color);opacity:.8;line-height:1.5;font-size:.95rem}.code-example{background:var(--background-color);border:1px solid #ddd;border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.code-example h3,.code-example h4{margin:0;padding:1rem 1.5rem;background:var(--secondary-color);color:var(--text-color);font-size:1.1rem;border-bottom:1px solid #ddd}.code-block{background:#1e1e1e;color:#d4d4d4;padding:1.5rem;margin:0;overflow-x:auto;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;direction:ltr;text-align:left}.code-block::-webkit-scrollbar{height:8px}.code-block::-webkit-scrollbar-track{background:#2d2d2d}.code-block::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.code-block::-webkit-scrollbar-thumb:hover{background:#777}.video-section{background:var(--background-color);border-radius:8px;padding:1.5rem;margin-bottom:2rem;border:1px solid #ddd}.video-section h3{display:flex;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1rem;color:var(--text-color)}.video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;margin-bottom:1rem;border-radius:4px;overflow:hidden;box-shadow:0 4px 12px #00000026}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.9rem}.video-footer a{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color);text-decoration:none;font-weight:500}.video-footer a:hover{text-decoration:underline}.video-footer span{color:var(--text-color);opacity:.7}.button-group{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transition:width .3s,height .3s,top .3s,left .3s}.btn:hover:after{width:300px;height:300px;top:-50px;left:-50px}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #f5332c4d}.btn-outline{background:transparent;color:var(--text-color);border:2px solid var(--secondary-color)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.sidebar{position:sticky;top:2rem}.sidebar-inner{background:var(--secondary-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #00000014;transition:box-shadow .3s ease}.sidebar-inner:hover{box-shadow:0 8px 25px #0000001f}.sidebar h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-color);font-size:1.3rem;text-align:center;padding-bottom:1rem;border-bottom:2px solid var(--primary-color)}.lessons-list{display:flex;flex-direction:column;gap:.5rem}.lesson-button{background:var(--background-color);border:2px solid transparent;border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:right;width:100%}.lesson-button:hover{border-color:var(--primary-color);transform:translate(-4px)}.lesson-button.active{border-color:var(--primary-color);background:linear-gradient(135deg,var(--background-color) 0%,rgba(245,51,44,.1) 100%)}.lesson-button-content{display:flex;align-items:center;gap:1rem;color:var(--text-color)}.lesson-button-content .icon{font-size:1.2rem;transition:transform .3s ease}.lesson-button:hover .lesson-button-content .icon{transform:scale(1.1)}.lesson-button-content .title{font-weight:500;flex:1}.playlist-links{margin-top:1.5rem}.playlist-links h4{margin-bottom:1rem;color:var(--text-color);text-align:center}.playlist-btn{display:flex;align-items:center;gap:.5rem;width:90%;padding:.75rem 1rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:all .3s ease;margin-bottom:.5rem;position:relative;overflow:hidden}.playlist-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transition:width .3s,height .3s,top .3s,left .3s}.playlist-btn:hover:after{width:300px;height:300px;top:-50px;left:-50px}.playlist-btn:hover{background:#d32f2f;transform:translateY(-2px)}.instructor-info{background:linear-gradient(135deg,var(--primary-color) 0%,#d32f2f 100%);color:#fff;padding:1.5rem;border-radius:8px;margin-bottom:2rem;text-align:center}.instructor-info h3{margin:0 0 .5rem;font-size:1.3rem}.instructor-info p{margin:0;opacity:.9}.concepts-section{margin-bottom:2rem}.concepts-section h3{margin-bottom:1rem;color:var(--text-color)}.concepts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.concept-card{background:var(--background-color);padding:1.5rem;border-radius:8px;border-right:4px solid var(--primary-color);box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.concept-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.concept-card h4{margin:0 0 .75rem;color:var(--text-color);font-size:1.1rem}.concept-card p{margin:0;color:var(--text-color);opacity:.8;line-height:1.5}.course-info{background:var(--background-color);padding:1rem;border-radius:6px;margin-bottom:1rem;text-align:center;border:1px solid var(--primary-color)}.course-info p{margin:0;font-weight:500;color:var(--text-color)}.course-info .instructor{color:var(--primary-color);font-weight:600;margin-top:.25rem}.instructor-notes{background:var(--background-color);padding:1rem;border-radius:6px;margin-top:1.5rem;border-right:3px solid var(--primary-color)}.instructor-notes h4{margin:0 0 .5rem;color:var(--text-color)}.instructor-notes p{margin:0;color:var(--text-color);opacity:.8;font-size:.9rem;line-height:1.4}.video-info{background:var(--background-color);padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border-right:4px solid var(--primary-color)}.video-info h3{margin-top:0;margin-bottom:1rem;color:var(--text-color)}.video-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item strong{color:var(--primary-color);font-size:.9rem}.practice-section{background:var(--background-color);padding:1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid #ddd}.practice-section h3{margin-top:0;margin-bottom:1.5rem;color:var(--text-color);text-align:center}.practice-steps{display:flex;flex-direction:column;gap:1rem}.practice-steps .step{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--secondary-color);border-radius:8px;transition:transform .3s ease}.practice-steps .step:hover{transform:translate(-4px)}.practice-steps .step-number{background:var(--primary-color);color:#fff;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.practice-steps .step p{margin:0;color:var(--text-color);font-weight:500}.lesson-header h2{background:linear-gradient(135deg,var(--primary-color),#d32f2f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tailwind-course-title h1{text-shadow:0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .tip-box{background:linear-gradient(135deg,#5d4037,#4e342e);border-color:#8d6e63}[data-theme=dark] .tip-box h3{color:#ffab91}[data-theme=dark] .tip-box p,[data-theme=dark] .tips-list li{color:#ffccbc}[data-theme=dark] .code-example,[data-theme=dark] .video-section{border-color:#555}[data-theme=dark] .code-example h3,[data-theme=dark] .code-example h4{border-bottom-color:#555}[data-theme=dark] .download-btn.secondary,[data-theme=dark] .step{border-color:#555}[data-theme=dark] .practice-steps .step{background:var(--background-color)}[data-theme=dark] .issue-card{border-top-color:#ffb74d}[data-theme=dark] .main-content,[data-theme=dark] .sidebar-inner{box-shadow:0 4px 20px #00000026}@media (max-width: 968px){.grid-container{grid-template-columns:1fr;gap:1.5rem}.sidebar{position:static}.tailwind-course-title h1{font-size:2rem}.main-content{padding:1.5rem}}@media (max-width: 768px){.tailwind-course-container{padding:0 1rem}.button-group{flex-direction:column}.btn{justify-content:center}.download-buttons{flex-direction:column}.download-btn{min-width:auto}.video-footer{flex-direction:column;align-items:flex-start}.step{flex-direction:column;text-align:center}.issues-grid,.concepts-grid,.video-details{grid-template-columns:1fr}.instructor-info{padding:1rem}.instructor-info h3{font-size:1.1rem}.detail-item{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--secondary-color)}.detail-item:last-child{border-bottom:none}.practice-steps .step{flex-direction:column;text-align:center;gap:.75rem}.lesson-text{text-align:justify;line-height:1.8}}@media (max-width: 480px){.tailwind-course-header{padding:1.5rem 0}.tailwind-course-title h1{font-size:1.75rem}.main-content,.tools-section,.video-section,.setup-steps,.download-links-section,.common-issues,.practice-section,.video-info{padding:1rem}.playlist-btn{padding:.6rem .8rem;font-size:.9rem}.lesson-header{flex-direction:column;text-align:center;gap:.5rem}.lesson-header h2{font-size:1.5rem}.code-block{padding:1rem;font-size:.8rem}.btn{padding:.6rem 1rem;font-size:.9rem}}@media (max-width: 360px){.tailwind-course-title h1{font-size:1.5rem}.lesson-header h2{font-size:1.3rem}.btn{padding:.5rem .8rem;font-size:.85rem}.back-link{font-size:.9rem}}.main-content>*:last-child{margin-bottom:0}.back-link{font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-content-inner{animation:fadeIn .5s ease-out}.main-content{transition:box-shadow .3s ease}.main-content:hover{box-shadow:0 8px 25px #0000001f}.btn:focus,.lesson-button:focus,.playlist-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){.btn,.lesson-button,.playlist-btn,.concept-card,.step,.practice-steps .step,.tools-list li,.tips-list li,.issue-card{transition:none}.main-content-inner{animation:none}.btn:after,.playlist-btn:after{display:none}}@media print{.tailwind-course-header{background:#fff!important;color:#000!important;box-shadow:none}.back-link,.sidebar,.button-group{display:none}.main-content{box-shadow:none;background:#fff}.code-block{background:#f5f5f5;color:#333;border:1px solid #ddd}}.courses-page{max-width:var(--max-content-width);margin:0 auto;padding:20px;min-height:100vh;background-color:var(--background-color);color:var(--text-color);transition:all .3s ease}.courses-page h1{text-align:center;color:var(--text-color);margin-bottom:30px;font-size:2.5rem;font-weight:700}.courses-search{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}.courses-search input{padding:12px 20px;border:2px solid var(--secondary-color);border-radius:25px;font-size:1rem;width:400px;max-width:100%;transition:all .3s ease;background:var(--background-color);color:var(--text-color)}.courses-search input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #f5332c1a}.courses-search input::placeholder{color:var(--text-color);opacity:.7}.btn-search{padding:12px 25px;background:var(--primary-color);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease;font-weight:600}.btn-search:hover{background:#d32a2a;transform:translateY(-2px);box-shadow:0 4px 12px #f5332c4d}.categories-filter{margin-bottom:30px;overflow-x:auto}.categories-container{display:flex;gap:10px;padding:10px 0;justify-content:center;flex-wrap:wrap;min-width:min-content}.category-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid var(--secondary-color);border-radius:25px;background:var(--background-color);color:var(--text-color);cursor:pointer;transition:all .3s ease;font-size:.9rem;white-space:nowrap}.category-btn:hover{border-color:var(--primary-color);transform:translateY(-2px)}.category-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.category-count{background:#fff3;padding:2px 8px;border-radius:12px;font-size:.8rem}.category-btn.active .category-count{background:#ffffff4d}.pathway-filter-info{background:#f5332c1a;border:1px solid var(--primary-color);border-radius:10px;padding:15px 20px;margin-bottom:25px;text-align:center}.pathway-filter-info p{margin:0;color:var(--text-color);display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.clear-filter-btn{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s ease;font-weight:600}.clear-filter-btn:hover{background:#d32a2a;transform:translateY(-2px)}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:40px}.course-card{background:var(--background-color);border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;border:1px solid var(--secondary-color);height:100%;display:flex;flex-direction:column}[data-theme=dark] .course-card{box-shadow:0 4px 15px #0000004d}.course-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #f5332c33;border-color:var(--primary-color)}.course-card-image{width:100%;height:200px;object-fit:cover;background:var(--secondary-color)}.course-card-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.course-card-title{font-size:1.2rem;font-weight:700;color:var(--text-color);margin-bottom:10px;line-height:1.4}.course-card-description{color:var(--text-color);opacity:.8;line-height:1.6;margin-bottom:15px;flex-grow:1}.course-card-link{display:inline-block;padding:10px 20px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:8px;text-align:center;transition:all .3s ease;font-weight:600;margin-top:auto}.course-card-link:hover{background:#d32a2a;transform:translateY(-2px);box-shadow:0 4px 12px #f5332c4d}.no-results{text-align:center;padding:60px 20px;color:var(--text-color);opacity:.8}.no-results p{font-size:1.2rem;margin-bottom:20px}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--primary-color);color:#fff;border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #f5332c4d;z-index:1000}.scroll-to-top.show{opacity:1;visibility:visible}.scroll-to-top:hover{background:#d32a2a;transform:translateY(-3px);box-shadow:0 6px 20px #f5332c66}@media (max-width: 1200px){.courses-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.courses-page{padding:15px}.courses-page h1{font-size:2rem}.courses-search{flex-direction:column}.courses-search input{width:100%}.courses-grid{grid-template-columns:1fr;gap:15px}.categories-container{justify-content:flex-start}.pathway-filter-info p{flex-direction:column;gap:10px}.scroll-to-top{bottom:20px;right:0;width:45px;height:45px}}@media (max-width: 480px){.courses-page h1{font-size:1.8rem}.course-card-content{padding:15px}.course-card-title{font-size:1.1rem}.categories-container{justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.courses-grid>*{animation:fadeInUp .5s ease forwards}.course-card.loading{position:relative;overflow:hidden}.course-card.loading:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--secondary-color),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.category-btn:focus,.btn-search:focus,.course-card-link:focus,.scroll-to-top:focus{outline:2px solid var(--primary-color);outline-offset:2px}.courses-search input:focus{outline:2px solid var(--primary-color);outline-offset:2px}.footer{background-color:var(--secondary-color);color:var(--text-color);padding:3rem 0 1rem;margin-top:4rem;border-top:3px solid var(--primary-color)}.footer-container{max-width:var(--max-content-width);margin:0 auto;padding:0 1.25rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;align-items:start}.footer-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.section-title{color:var(--primary-color);font-size:1.2rem;font-weight:600;margin:0;width:100%}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.footer-logo{display:flex;align-items:center;gap:.75rem;justify-content:center}.footer-logo svg{background:var(--primary-color);color:#fff;padding:.5rem;border-radius:8px;font-size:1.8rem}.logo-text{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.brand-description{line-height:1.6;opacity:.9;font-size:.95rem;margin:0;text-align:center}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem;width:100%}.footer-link{color:var(--text-color);text-decoration:none;transition:color .3s ease;font-size:.95rem;display:block;padding:.25rem 0}.footer-link:hover{color:var(--primary-color)}.contact-content{display:flex;flex-direction:column;gap:1.5rem;width:100%}.contact-description{margin:0;opacity:.9;font-size:.9rem;line-height:1.5}.contact-method{display:flex;align-items:center;gap:.75rem;justify-content:center;width:100%}.contact-icon{color:var(--primary-color);font-size:1.3rem;flex-shrink:0}.contact-details{display:flex;flex-direction:column;align-items:center;gap:.25rem}.contact-label{font-weight:600;margin:0;font-size:.95rem}.contact-info{margin:0;opacity:.8;font-size:.85rem}.twitter-handle{color:var(--primary-color);text-decoration:none;font-weight:600;font-size:1rem}.twitter-handle:hover{text-decoration:underline}.social-content{display:flex;flex-direction:column;gap:1.5rem;width:100%}.social-description{margin:0;opacity:.9;font-size:.9rem}.social-icons{display:flex;gap:1rem;justify-content:center}.social-link{background:var(--background-color);color:var(--text-color);width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid transparent}.social-link:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px);border-color:var(--primary-color)}.social-icon{font-size:1.3rem}.footer-line{border:none;border-top:1px solid var(--border-color);margin:2rem auto;max-width:var(--max-content-width);width:calc(100% - 2.5rem)}.footer-bottom{text-align:center;padding:1rem 0}.copyright{opacity:.8;font-size:.9rem;margin:0;line-height:1.5}.copyright strong{color:var(--primary-color)}@media (max-width: 1024px){.footer-container{grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;gap:2.5rem;text-align:center}.footer-section{gap:1.25rem}.contact-method,.social-icons{justify-content:center}}@media (max-width: 480px){.footer{padding:2rem 0 1rem}.footer-container{padding:0 1rem;gap:2rem}.logo-text{font-size:1.3rem}.section-title{font-size:1.1rem}}:root{--primary-color: #f5332c;--primary-light: #ff6b65;--primary-dark: #c21807;--secondary-color: #f2f2f2;--secondary-light: #ffffff;--secondary-dark: #e0e0e0;--background-color: #ffffff;--surface-color: #f8f9fa;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--border-color: #e0e0e0;--shadow-light: 0 2px 8px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .15);--shadow-heavy: 0 8px 32px rgba(0, 0, 0, .2);--max-content-width: 1280px;--navbar-height: 70px;--border-radius: 12px;--border-radius-sm: 8px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem}[data-theme=dark]{--primary-color: #f5332c;--primary-light: #ff6b65;--primary-dark: #c21807;--secondary-color: #3a3a3a;--secondary-light: #4a4a4a;--secondary-dark: #2a2a2a;--background-color: #2a2a2a;--surface-color: #333333;--text-primary: #e6e1d9;--text-secondary: #b8b8b8;--text-muted: #888888;--border-color: #444444;--shadow-light: 0 2px 8px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .4);--shadow-heavy: 0 8px 32px rgba(0, 0, 0, .5)}.pathway-page{min-height:100vh;background-color:var(--background-color);color:var(--text-primary);transition:all .3s ease}.pathway-hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;padding:var(--spacing-xxl) var(--spacing-lg);position:relative;overflow:hidden}.pathway-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.1"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="white" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>')}.hero-content{max-width:var(--max-content-width);margin:0 auto;position:relative;z-index:2;text-align:center}.hero-title{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md);line-height:1.2}.hero-description{font-size:1.2rem;line-height:1.6;margin-bottom:var(--spacing-lg);opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.pathway-meta{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1rem;font-weight:500}.meta-icon{font-size:1.2rem!important}.hero-icon{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-lg)}.hero-icon .MuiSvgIcon-root{font-size:4rem!important;opacity:.8}.pathway-content{max-width:var(--max-content-width);margin:0 auto;padding:var(--spacing-xxl) var(--spacing-lg)}.pathway-section{margin-bottom:var(--spacing-xxl)}.section-title{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary)}.section-title-icon{color:var(--primary-color)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.overview-card{background:var(--surface-color);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--shadow-light);border:1px solid var(--border-color);transition:all .3s ease}.overview-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.card-icon{font-size:1.5rem}.overview-card h3{font-size:1.3rem;font-weight:600;margin:0;color:var(--text-primary)}.overview-card p{color:var(--text-secondary);line-height:1.6;margin:0}.overview-card ul{list-style:none;padding:0;margin:0}.overview-card li{padding:var(--spacing-xs) 0;color:var(--text-secondary);position:relative;padding-right:var(--spacing-md)}.overview-card li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;right:0}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.tech-card{background:var(--surface-color);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all .3s ease}.tech-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-light);border-color:var(--primary-light)}.tech-card h4{font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.tech-card p{color:var(--text-secondary);line-height:1.6;margin:0}.path-steps{display:flex;flex-direction:column;gap:var(--spacing-lg)}.path-step{display:flex;align-items:flex-start;gap:var(--spacing-lg);background:var(--surface-color);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all .3s ease}.path-step:hover{transform:translate(8px);border-color:var(--primary-light)}.step-number{background:var(--primary-color);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.step-content h3{font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.courses-timeline{display:flex;flex-direction:column;gap:var(--spacing-lg)}.course-card{background:var(--surface-color);border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease}.course-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.course-step{background:var(--primary-color);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;font-size:.9rem}.course-content{padding:var(--spacing-lg)}.course-header{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.course-image{width:120px;height:120px;object-fit:cover;border-radius:var(--border-radius-sm);flex-shrink:0}.course-info{flex:1}.course-info h3{font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.course-info p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.course-meta{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.course-level,.course-rating,.course-duration{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem;color:var(--text-muted)}.primary-button{background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.primary-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.secondary-button{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.secondary-button:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-medium)}.cta-section{text-align:center;background:var(--surface-color);padding:var(--spacing-xxl) var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--border-color)}.cta-section h2{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.cta-section p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:500px;margin-left:auto;margin-right:auto}.benefits-grid,.languages-grid,.comparison-grid,.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.benefit-card,.language-card,.comparison-card,.tool-card{background:var(--surface-color);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all .3s ease}.benefit-card:hover,.language-card:hover,.comparison-card:hover,.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-light);border-color:var(--primary-light)}.benefit-card h4,.language-card h4,.comparison-card h4,.tool-card h4{font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.benefit-card p,.language-card p,.comparison-card p,.tool-card p{color:var(--text-secondary);line-height:1.6;margin:0}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.process-step{display:flex;align-items:flex-start;gap:var(--spacing-md);background:var(--surface-color);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all .3s ease}.process-step:hover{transform:translateY(-2px);box-shadow:var(--shadow-light)}.step-icon{font-size:1.5rem;flex-shrink:0}.step-content h3{font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.step-content p{color:var(--text-secondary);line-height:1.6;margin:0}.roadmap-steps{display:flex;flex-direction:column;gap:var(--spacing-lg)}.roadmap-step{background:var(--surface-color);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all .3s ease}.roadmap-step:hover{transform:translate(8px);border-color:var(--primary-light)}.roadmap-step h3{font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.roadmap-step ul{list-style:none;padding:0;margin:0}.roadmap-step li{padding:var(--spacing-xs) 0;color:var(--text-secondary);position:relative;padding-right:var(--spacing-md)}.roadmap-step li:before{content:"•";color:var(--primary-color);font-weight:700;position:absolute;right:0}@media (max-width: 768px){.hero-title{font-size:2rem}.hero-description{font-size:1.1rem}.pathway-meta{gap:var(--spacing-md)}.meta-item{font-size:.9rem}.section-title{font-size:1.5rem}.overview-grid,.tech-grid,.benefits-grid,.languages-grid,.comparison-grid,.tools-grid{grid-template-columns:1fr}.course-header{flex-direction:column;gap:var(--spacing-md)}.course-image{width:100%;height:200px;max-width:100%}.path-step{flex-direction:column;gap:var(--spacing-md)}.process-steps{grid-template-columns:1fr}}@media (max-width: 480px){.pathway-hero,.pathway-content{padding:var(--spacing-xl) var(--spacing-md)}.hero-title{font-size:1.8rem}.course-meta{flex-direction:column;gap:var(--spacing-sm)}.course-image{height:180px}}@media (max-width: 360px){.course-image{height:150px}}.back-button{position:absolute;top:20px;right:20px;background:#0003;color:#fff;border:none;border-radius:50px;padding:10px 20px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;z-index:10}.back-button:hover{background:#0006}:root{--primary-color: #f5332c;--secondary-color: #f2f2f2;--background-color: #ffffff;--background-color-scrolled: rgba(255, 255, 255, .9);--text-color: #1a1a1a;--max-content-width: 1280px;--navbar-height: 70px}[data-theme=dark]{--primary-color: #f5332c;--secondary-color: #3a3a3a;--background-color: #2a2a2a;--background-color-scrolled: rgba(42, 42, 42, .85);--text-color: #e6e1d9}html{scroll-behavior:smooth}::selection{background-color:#00fff0;color:#000}