:root{--color-bg:#f3f4f8;--color-bg-subtle:#eceef3;--color-bg-elevated:#fff;--color-border:#e0e0e0;--color-text:#1d2939;--color-text-secondary:#555;--color-text-muted:#7c8496;--color-text-on-primary:#fff;--color-primary:#1d2939;--color-primary-hover:#2c3e56;--color-primary-soft:#eceef3;--color-accent:#ff4b4a;--color-accent-hover:#e63e3d;--color-link:#0056b3;--color-link-hover:#003d80;--color-chrome-bg:#1d2939;--color-chrome-text:#fff;--color-chrome-text-muted:#aab1c4;--color-chrome-border:#ffffff14;--color-brand-gradient-1:#00d1b2;--color-brand-gradient-2:#5b8df9;--color-nav-accent:#00d1b2;--color-success:#16a34a;--color-danger:#dc2626;--shadow-sm:0 2px 8px #171b260f;--shadow-md:0 8px 20px #171b2614;--shadow-lg:0 12px 32px #171b2624;--scrollbar-track:#e6e9f2}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;transition:background-color .2s,color .2s;background-color:var(--color-bg)!important}a{color:var(--color-link);font-weight:700!important;text-decoration:none!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:10px}::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}button{font-weight:700!important}#bmc-wbtn{bottom:5px;width:40px!important;height:40px!important}.custom-class{margin-bottom:100px!important}.custom-toggler-icon{width:1em!important;height:1em!important}.navbar-toggler-icon{width:1.25rem!important;height:1.25rem!important}.highlighted-title,.highlighted-title1,.highlighted-title2,.highlighted-title3{text-align:center;color:var(--color-text);justify-content:center;align-items:center;gap:.6rem;font-weight:700;animation:.9s ease-out classicFadeIn;display:flex;position:relative}.highlighted-title{margin-bottom:20px;font-size:2.25rem}.highlighted-title1{color:var(--color-accent);font-size:2rem}.highlighted-title2{margin-bottom:20px;font-size:1.75rem}.highlighted-title3{color:var(--color-accent);font-size:1.25rem}.title-icon-badge{background:linear-gradient(135deg, var(--color-brand-gradient-1), var(--color-brand-gradient-2));width:48px;height:48px;color:var(--color-text-on-primary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:inline-flex}@keyframes classicFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.underline-container,.underline-container1{justify-content:center;margin-bottom:50px;display:flex;position:relative}.underline-container1{margin-bottom:15px}.underline{background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:3px;width:40px;height:3px;margin:0 10px;animation:1s infinite alternate move}.underline.left{animation-delay:.5s}.underline.right{animation-delay:.8s}@keyframes move{0%{transform:scaleX(.5)}to{transform:scaleX(1)}}.text-red{font-weight:700;color:var(--color-accent)!important}.text-white{color:var(--color-text-on-primary)}.color-icon{color:var(--color-text)}.color-icon:hover{color:var(--color-accent)}.center{text-align:center}.navbar{background-color:var(--color-chrome-bg);border-bottom:1px solid var(--color-chrome-border);justify-content:space-between;padding:0;width:100%!important}.navbar-collapse{justify-content:center!important}.navbar-nav{justify-content:space-evenly;width:100%;display:flex!important}.nav-item{text-align:center}.nav-link{padding:10px;display:block;color:var(--color-chrome-text)!important;font-size:1.1rem!important;font-weight:700!important}.nav-link.active{color:var(--color-nav-accent)!important;font-weight:700!important}.nav-link.disabled{pointer-events:none;cursor:not-allowed;color:var(--color-chrome-text-muted)!important}.nav-link.disabled:hover{text-decoration:none}.navbar-toggler{margin-left:auto;margin-right:0;background-color:var(--color-nav-accent)!important;color:#0000!important;right:20px!important}@media (max-width:767px){.nav-item{margin-bottom:10px}.nav-link{font-size:1.5rem!important}.navbar-collapse{background-color:var(--color-chrome-bg);z-index:1050;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%)}.navbar-collapse.show{transform:translate(0)}.navbar-close-btn{color:var(--color-chrome-text);cursor:pointer;background:0 0;border:none;font-size:2rem;transition:color .3s;position:absolute;top:10px;right:10px}.navbar-close-btn:hover{color:var(--color-nav-accent)}body.navbar-expanded{overflow:hidden}}@media (min-width:768px){.navbar-close-btn{display:none}}.footer{background:var(--color-chrome-bg);border-top:1px solid var(--color-chrome-border);box-shadow:var(--shadow-sm);z-index:100;width:100%;padding:1rem;position:fixed;bottom:0;left:0}.footer-inner{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;max-width:1200px;margin:0 auto;display:flex;position:relative}.footer-text{color:var(--color-chrome-text);flex:100%;font-size:1rem}.footer-text a{color:inherit;text-decoration:none}.social-icons{flex-wrap:nowrap;justify-content:center;gap:1rem;width:100%;display:flex}.social-icons a{color:var(--color-chrome-text-muted);text-decoration:none;transition:color .3s}.social-icons a:hover{color:var(--color-nav-accent)}@media (min-width:768px){.footer-inner{justify-content:center}.footer-text{text-align:center;flex:none}.social-icons{justify-content:flex-end;width:auto;position:absolute;top:50%;right:0;transform:translateY(-50%)}}@media (max-width:480px){.footer-text{font-size:.75rem}}.support-container{min-height:100vh}.alert{padding-right:3rem!important;position:relative!important}.close{cursor:pointer!important;background:0 0!important;border:none!important;position:absolute!important;top:.5rem!important;right:.5rem!important}.close i{color:var(--color-text-on-primary)!important;font-size:1.5rem!important}.close:hover i{color:var(--color-accent)!important}.alert-custom{z-index:1000!important;width:calc(100% - 40px)!important;max-width:400px!important;box-shadow:var(--shadow-lg)!important;border-radius:8px!important;position:fixed!important;top:70px!important;right:20px!important;overflow:hidden!important}.alert-custom .alert{font-weight:700;opacity:0!important;background-color:var(--color-primary)!important;color:var(--color-text-on-primary)!important;border:none!important;border-radius:8px!important;margin-bottom:0!important;padding:15px!important;transition:opacity .3s,transform .3s!important;transform:translateY(-100%)!important}.alert-custom .alert.show{opacity:1!important;transform:translateY(0)!important}.custom-button{color:var(--color-text-on-primary)!important;border:var(--bs-btn-border-width) solid var(--color-text-on-primary)!important;background-color:var(--color-primary)!important;font-weight:700!important;transition:background-color .3s,transform .3s!important}.custom-button:hover{color:var(--color-text-on-primary)!important;background-color:var(--color-primary-hover)!important;transform:scale(1.05)!important}.sponsor-button{background-color:var(--color-primary)!important;color:var(--color-text-on-primary)!important;transition:background-color .3s,transform .3s!important}.sponsor-button:hover{background-color:var(--color-primary-hover)!important;transform:scale(1.05)!important}.list-group-custom{color:var(--color-text-on-primary)!important;border:var(--bs-btn-border-width) solid var(--color-border)!important;cursor:pointer!important;background-color:var(--color-primary)!important;justify-content:space-between!important;align-items:center!important;padding:10px 20px!important;font-weight:700!important;display:flex!important}.list-group-custom .badge{color:var(--color-text-on-primary)!important;background-color:#fff3!important;border-radius:5px!important;padding:5px 10px!important;font-size:14px!important}.badge:hover{color:var(--color-accent)!important}.custom-badge{color:var(--color-text-on-primary)!important;padding:10px!important;font-size:14px!important}.form-check-input:checked{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important;color:var(--color-text-on-primary)!important;font-weight:700!important}.home-button{cursor:pointer;color:var(--color-text-on-primary)!important;border:var(--bs-btn-border-width) solid var(--color-text-on-primary)!important;font-weight:700!important;transition:transparent!important}.home-button:hover{color:var(--color-accent)!important}.custom-dropdown{color:var(--color-text-on-primary)!important;border-color:var(--color-border)!important;background-color:var(--color-primary)!important}.tab-buttons{justify-content:center;margin-bottom:10px;display:flex}.tab-buttons button{background-color:var(--color-bg-subtle);color:var(--color-text);cursor:pointer;border:none;border-radius:5px;outline:none;margin:0 10px;padding:10px 20px;font-size:16px}.tab-buttons button.active{background-color:var(--color-primary);color:var(--color-text-on-primary)}.navigation-buttons{color:var(--color-text);justify-content:space-between;align-items:center;display:flex}.navigation-buttons>div{cursor:pointer;padding:5px}.navigation-buttons>div:hover{color:var(--color-accent)!important}.home-container{padding-bottom:100px!important}.courselist-container{padding:20px!important}.course-container{max-width:1200px!important;padding:20px!important}.courselist-header,.projectlist-header,.courses-container-header,.courses-container-header-1{text-align:center!important;margin-top:10px!important;margin-bottom:30px!important}.courselist-header h1,.projectlist-header h1,.courses-container-header h1,.courses-container-header-1 h1,.course-topic-header,.challenge-header h1,.support-container h1{justify-content:center;align-items:center;gap:.6rem;display:flex;color:var(--color-text)!important;margin:0!important;font-size:35px!important;font-weight:700!important}.courses-container-header-1 h1{margin-bottom:20px!important}.course-topic-header{margin-bottom:20px!important;font-size:30px!important}.projectlist-container{max-width:1200px!important;padding:20px!important}.courses-container{text-align:center;flex-direction:column;align-items:center;min-height:100vh;padding-bottom:100px;display:flex;overflow:hidden}.topics-container{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.topic-item{border:1px solid var(--color-border);max-width:300px;box-shadow:var(--shadow-sm);border-radius:8px;flex:1 0 250px;transition:transform .3s,box-shadow .3s;background-color:var(--color-primary)!important}.topic-item:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.topic-link{color:var(--color-text-on-primary);padding:15px;font-weight:600;text-decoration:none;display:block}.topic-link:hover{color:var(--color-accent)}.challenge-category{color:var(--color-text-on-primary);font-weight:600}.challenge-category:hover{color:var(--color-accent)}.spinner-container{font-size:30px;height:100%!important;color:var(--color-text)!important;justify-content:center!important;align-items:center!important;display:flex!important}.spinner-container svg{color:var(--color-accent)!important;font-size:2em!important}.active{color:var(--color-accent);font-weight:700}.hljs-number{color:#dff162}.challenge-container{min-height:100vh;padding-bottom:100px}.challenge-header{text-align:center!important;margin-bottom:30px!important}.swagger-container,.container-swagger,.swagger-ui-container,.swaggerUi{background-color:var(--color-bg-subtle)!important;background:var(--color-bg-subtle)!important}.swagger-container{width:100%;margin:0 auto;padding:0 15px}.swagger-ui-heading{text-align:center;font-size:1.5rem}.swagger-ui-container{width:100%;padding-bottom:50px;overflow:hidden}.swaggerUi{width:100%;max-width:100%;overflow-x:auto}@media (max-width:1200px){.heading{font-size:1.4rem}.swaggerUi{font-size:.95rem}}@media (max-width:992px){.heading{font-size:1.3rem}.swaggerUi{font-size:.9rem}}@media (max-width:768px){.heading{font-size:1.2rem}.swaggerUi{font-size:.85rem}}@media (max-width:576px){.heading{font-size:1.1rem}.swaggerUi{font-size:.8rem}}.card-container{flex-wrap:wrap!important;justify-content:center!important;gap:28px!important;max-width:1200px!important;margin:0 auto 100px!important;padding:20px!important;display:flex!important}.course-card{background-color:var(--color-bg-elevated);flex-direction:column;max-width:240px;display:flex;overflow:hidden;border:1px solid var(--color-border)!important;text-align:center!important;box-shadow:var(--shadow-sm)!important;border-radius:16px!important;flex:0 240px!important;margin:0!important;padding:0!important;transition:transform .25s,box-shadow .25s,border-color .25s!important;position:relative!important}.course-card:before{content:"";background:var(--color-accent);transform-origin:0;width:100%;height:4px;transition:transform .3s;display:block;transform:scaleX(0)}.course-card:hover{box-shadow:var(--shadow-lg);border-color:#0000!important;transform:translateY(-6px)!important}.course-card:hover:before{transform:scaleX(1)}.course-card-media{background:var(--color-bg-subtle);justify-content:center;align-items:center;height:160px;padding:1.75rem;display:flex}.course-card-price{background:var(--color-primary);z-index:2;color:var(--color-text-on-primary)!important;text-align:center!important;border-radius:999px!important;padding:.25rem .7rem!important;font-size:.8em!important;font-weight:700!important;position:absolute!important;top:12px!important;left:12px!important}.course-card-image{object-fit:contain;max-width:100%;max-height:100%;transition:transform .3s;width:auto!important;height:auto!important}.course-card:hover .course-card-image{transform:scale(1.05)}.course-card-body{flex-direction:column;flex-grow:1;align-items:center;gap:.9rem;padding:1.25rem 1.25rem 1.5rem;display:flex}.course-card-title{font-size:1.05rem;text-transform:capitalize!important;color:var(--color-text)!important;margin:0!important;font-weight:700!important}.course-card-button{align-items:center;gap:.4rem;margin-top:auto;background-color:var(--color-primary)!important;color:var(--color-text-on-primary)!important;cursor:pointer!important;letter-spacing:.5px!important;border:none!important;border-radius:999px!important;padding:.5rem 1.2rem!important;font-size:.85rem!important;transition:background-color .25s,transform .25s!important;display:inline-flex!important}.course-card-button:hover{transform:translateY(-2px);background-color:var(--color-accent)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1;pointer-events:auto}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.6s ease-in fadeIn}.slide-in{animation:.5s ease-out slideInFromTop}.scale-up{animation:.4s ease-in scaleUp}.subscription-section,.payment-modes-section{border:1px solid var(--color-border);background-color:var(--color-bg-elevated);box-shadow:var(--shadow-sm);border-radius:8px;margin-top:40px;padding:20px;transition:transform .3s,box-shadow .3s}.subscription-section:hover,.payment-modes-section:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.payment-modes-section{margin-bottom:80px}@media (max-width:768px){.payment-modes-section{margin-bottom:100px}}.search-bar{text-align:center;margin-top:1rem}.search-bar input{border:1px solid var(--color-border);background-color:var(--color-bg-elevated);width:100%;max-width:350px;color:var(--color-text);box-shadow:var(--shadow-sm);border-radius:4px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .3s,box-shadow .3s}.search-bar input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-primary-soft)}.popup-overlay{z-index:9999;opacity:0;pointer-events:none;background-color:#0a0c1499;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}.popup-content{background-color:var(--color-bg-elevated);text-align:center;width:100%;max-width:500px;box-shadow:var(--shadow-lg);border-radius:8px;padding:20px;animation:.3s forwards slideUp;position:relative;transform:translateY(-20px)}.popup-content p{color:var(--color-text)}.close-btn{color:var(--color-primary);cursor:pointer;z-index:10000;background:0 0;border:none;font-size:30px;position:absolute;top:10px;right:10px}.close-btn:hover,.contact-me-1:hover{color:var(--color-accent)}@keyframes slideUp{to{transform:translateY(0)}}.markdown-container{box-shadow:var(--shadow-sm);transition:box-shadow .3s;background-color:var(--color-bg-elevated)!important;background:var(--color-bg-elevated)!important;border:1px solid var(--color-border)!important;border-radius:12px!important;margin-top:50px!important;margin-bottom:100px!important;padding:40px!important}.markdown-container:hover{box-shadow:var(--shadow-md)}.markdown-container p{letter-spacing:.3px;font-weight:400;line-height:1.6;color:var(--color-text-secondary)!important;margin:20px 0!important;font-family:Roboto,sans-serif!important;font-size:16px!important}.markdown-container h1,.markdown-container h2,.markdown-container h3,.markdown-container h4,.markdown-container h5,.markdown-container h6{letter-spacing:.3px;font-weight:600;line-height:1.4;color:var(--color-text)!important;margin-bottom:20px!important;font-family:Roboto,sans-serif!important}.markdown-container ul,.markdown-container ol{margin-left:30px!important;padding-left:10px!important}.markdown-container ul li,.markdown-container ol li{font-weight:400;color:var(--color-text-secondary)!important;margin-bottom:12px!important;font-size:16px!important}.markdown-container a{font-weight:500;transition:color .3s,transform .3s;color:var(--color-link)!important;text-decoration:none!important}.markdown-container a:hover{transform:translateY(-2px);color:var(--color-link-hover)!important;text-decoration:underline!important}.markdown-container img{box-shadow:var(--shadow-sm);transition:transform .3s;border-radius:8px!important;max-width:100%!important;height:auto!important;margin-top:20px!important;display:block!important}.markdown-container img:hover{transform:scale(1.02)}@media (max-width:768px){.markdown-container{padding:20px!important}.markdown-container p{font-size:20px!important}.markdown-container h1{font-size:30px!important}.markdown-container h2{font-size:25px!important}}.feature-row{border-top:1px solid var(--color-border);cursor:pointer;grid-template-columns:auto auto 1fr auto;align-items:center;gap:1.5rem;padding:1.5rem 1rem;transition:background-color .25s,padding-left .25s;display:grid;text-decoration:none!important}.feature-row:hover{background-color:var(--color-bg-subtle);padding-left:1.5rem}.feature-index{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.feature-icon{background:var(--color-primary);width:56px;height:56px;color:var(--color-text-on-primary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;transition:background-color .25s,transform .25s;display:flex}.feature-row:hover .feature-icon{background:var(--color-accent);transform:rotate(-6deg)scale(1.05)}.feature-copy{flex-direction:column;gap:.3rem;min-width:0;display:flex}.feature-title{color:var(--color-text);font-size:1.2rem;font-weight:700}.feature-text{color:var(--color-text-secondary);font-size:.95rem;font-weight:400}.feature-cta{color:var(--color-accent);white-space:nowrap;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;transition:gap .25s;display:flex}.feature-row:hover .feature-cta{gap:.8rem}@media (max-width:768px){.feature-row{grid-template-columns:auto 1fr;grid-template-areas:"index cta""icon copy";row-gap:.75rem}.feature-index{grid-area:index;justify-self:start}.feature-cta span{display:none}.feature-cta{grid-area:cta;justify-self:end}.feature-icon{grid-area:icon;width:48px;height:48px}.feature-copy{grid-area:copy}}.explore-tile{background:var(--color-primary);min-height:220px;box-shadow:var(--shadow-md);border-radius:20px;flex-direction:column;justify-content:space-between;padding:1.75rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.explore-tile.large{min-height:460px}.explore-tile:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.explore-tile .watermark{color:#ffffff0f;pointer-events:none;font-size:9rem;position:absolute;bottom:-30px;right:-20px;transform:rotate(-10deg)}.explore-tile.large .watermark{font-size:14rem}.explore-tile .tile-icon{width:48px;height:48px;color:var(--color-text-on-primary);background:#ffffff1f;border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.explore-tile .tile-bottom{z-index:1;position:relative}.explore-tile .tile-title{color:var(--color-text-on-primary);margin:0 0 .4rem;font-size:1.4rem;font-weight:700}.explore-tile.large .tile-title{font-size:1.9rem}.explore-tile .tile-text{color:#ffffffbf;max-width:320px;margin:0 0 1rem;font-size:.95rem}.explore-tile .tile-cta{color:var(--color-accent);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;transition:gap .25s;display:inline-flex}.explore-tile:hover .tile-cta{gap:.85rem}.topic-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:1.2rem;padding:1.5rem;transition:transform .25s,box-shadow .25s;display:flex}.topic-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.topic-card-header{align-items:center;gap:.9rem;display:flex}.topic-card-header h3{color:var(--color-text);margin:0;font-size:1.2rem;font-weight:700}.topic-card-count{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.topic-card-icon{background:var(--color-primary);width:48px;height:48px;color:var(--color-text-on-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.topic-tag-grid{flex-wrap:wrap;gap:.6rem;display:flex}.topic-tag{border:1px solid var(--color-border);background:var(--color-bg-subtle);border-radius:999px;align-items:center;gap:.3rem;padding:.45rem .9rem;font-size:.88rem;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:inline-flex;color:var(--color-text)!important;font-weight:600!important;text-decoration:none!important}.topic-tag:hover{background:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px);color:var(--color-text-on-primary)!important}.topic-tag .star{color:#f59e0b;font-size:.85rem}.topic-tag:hover .star{color:#ffd166}
