#dt-main :is(.mcode-compare-card,.mcode-web-card){background:#15273d!important;border-color:rgb(147 190 220 / .2)!important;box-shadow:none!important}#dt-main :is(.mcode-compare-card,.mcode-web-card) :is(p,h3,h4){color:#aebed1!important}#dt-main .mcode-web-card h3{color:#fff!important}#dt-main :is(.mcode-sandbox,.mcbe-sandbox,.mcbe-tables .sandbox,.mcbe-form-lesson .sandbox,[id^="mc-ah"][id$="-lesson"] .sandbox,[id^="mc-js"][id$="-lesson"] .sandbox) :is(textarea,iframe){height:420px!important;min-height:420px!important;max-width:100%;box-sizing:border-box}#dt-main .mcode-preview-wrap{height:420px!important;min-height:420px!important}#dt-main :is(.mcbe-workspace,.mcbe-tables .workspace,.mcbe-form-lesson .workspace){align-items:start}#dt-main :is(.mcode-lesson-content,.mcbe-lesson,.mcbe-tables,.mcbe-form-lesson,[id^="mc-ah"][id$="-lesson"],[id^="mc-js"][id$="-lesson"])>:is(.section,.mcbe-section,.mcbe-challenge,.challenge,.mcbe-sandbox,.sandbox,.mcbe-recap,.recap,.mcbe-progress,.progress){margin-top:0!important;margin-bottom:24px!important}#dt-main :is(.mcbe-section,.mcbe-challenge,.mcbe-tables .section,.mcbe-form-lesson .section,[id^="mc-ah"][id$="-lesson"]>.section,[id^="mc-js"][id$="-lesson"]>.section){padding:28px!important;border-radius:18px!important}#dt-main .mcode-lesson-content>.mcode-learned:last-child{margin-bottom:0!important}#dt-main :is(.mcode-compare-card,.mcode-web-card) strong{color:#fff!important}#dt-main :is(.mcbe-sandbox,.mcbe-tables .sandbox,.mcbe-form-lesson .sandbox)>:last-child{background:#102338!important;color:#aebed1!important;border-color:#294059!important}#dt-main :is(.mcbe-lesson,.mcbe-tables,.mcbe-form-lesson)>:last-child{margin-bottom:24px!important}#dt-main :is([id^="mc-ah"][id$="-lesson"],[id^="mc-js"][id$="-lesson"]) .mcode-unified-recap h2{font-size:24px!important;margin:0 0 20px!important;color:#fff!important}#dt-main .mcode-unified-recap .eyebrow{color:#91f7bf!important;font-size:10px!important;letter-spacing:1.2px;font-weight:800;margin-bottom:5px!important}#dt-main .mcode-unified-recap ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none!important;margin:0 0 18px!important;padding:0!important}#dt-main .mcode-unified-recap li{position:relative;padding:12px 14px 12px 36px!important;margin:0!important;border:1px solid rgb(147 190 220 / .2);border-radius:9px;background:#15273d;font-size:14px!important;line-height:1.7!important;color:#aebed1!important}#dt-main .mcode-unified-recap li::before{content:"✓";position:absolute;top:12px;left:14px;color:#4ee4a1;font-weight:800}#dt-main .mcode-unified-recap code{color:#8eeaf7!important;background:#21354b!important;border-radius:4px;padding:2px 5px;overflow-wrap:anywhere}#dt-main .mcode-unified-recap strong{color:#fff!important}#dt-main .mcode-unified-recap .recap-encouragement{font-size:15px!important;color:#d7f9eb!important;font-weight:700;line-height:1.7;margin:0 0 16px!important}@media(max-width:740px){#dt-main :is(.mcode-sandbox,.mcbe-sandbox,.mcbe-tables .sandbox,.mcbe-form-lesson .sandbox,[id^="mc-ah"][id$="-lesson"] .sandbox,[id^="mc-js"][id$="-lesson"] .sandbox) :is(textarea,iframe){height:310px!important;min-height:310px!important}#dt-main .mcode-preview-wrap{height:310px!important;min-height:310px!important}#dt-main :is(.mcbe-section,.mcbe-challenge,.mcbe-tables .section,.mcbe-form-lesson .section,[id^="mc-ah"][id$="-lesson"]>.section,[id^="mc-js"][id$="-lesson"]>.section){padding:21px!important}#dt-main .mcode-unified-recap ul{grid-template-columns:1fr}}#dt-main .mcode-lesson-content>.mcode-final-intro{margin:0 0 24px!important}#dt-main .mcode-lesson-content>.mcode-series-finale{margin:0 0 0!important}#dt-main .mcode-unified-recap{background:#111f35!important;border:1px solid rgb(147 190 220 / .2)!important;border-radius:18px!important}#dt-main .mcode-learned-title{font-size:24px!important}#dt-main .mcode-progress-box{background:#15273d!important;border:1px solid rgb(147 190 220 / .2)!important;border-radius:12px!important}#dt-main .mcode-progress-box strong{color:#fff!important;font-size:15px!important}#dt-main .mcode-progress-box span{color:#aebed1!important;font-size:13px!important;line-height:1.65}#dt-main .mcode-progress-number{color:#4ee4a1!important;font-size:12px!important}#dt-main .mcode-progress-arrow{color:#39d5ed!important}#dt-main .mcode-final-intro{background:linear-gradient(145deg,#111f35,#101b2e)!important;border:1px solid rgb(147 190 220 / .2)!important;border-radius:18px!important;padding:28px!important;color:#aebed1!important;box-shadow:none!important}#dt-main .mcode-final-intro-label{color:#91f7bf!important;font-family:inherit!important;font-size:11px!important;font-weight:800;letter-spacing:1.2px}#dt-main .mcode-final-intro h2{color:#fff!important;margin:8px 0 18px!important;font-size:27px!important;line-height:1.3!important}#dt-main .mcode-final-intro p{color:#aebed1!important;font-size:15px!important;line-height:1.75!important;margin:0!important}#dt-main .mcode-final-intro strong{color:#fff!important}#dt-main .mcode-final-intro::before{display:none!important}@media(max-width:740px){#dt-main .mcode-final-intro{padding:21px!important}}#dt-main .mcode-final-nav{background:#102338!important;border-top:1px solid #294059!important;color:#b5c8da!important;padding:20px 24px!important;gap:12px!important}#dt-main .mcode-final-nav a{background:#1c354c!important;color:#bdf2ff!important;border:1px solid #36566b!important;border-radius:9px!important;padding:10px 15px!important}#dt-main .mcode-final-nav a:hover{background:#29465f!important;border-color:#39d5ed!important}@media(min-width:992px){#menu-primary>#menu-item-362>ul.dropdown-menu{overflow:visible!important}#menu-primary ul.mcode-scroll-menu{max-height:var(--mcode-menu-height,min(560px,calc(100vh - 160px)))!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#39d5ed #102338;touch-action:pan-y}#menu-primary ul.dropdown-menu ul.mcode-scroll-menu{top:0;bottom:auto!important}#menu-primary ul.dropdown-menu ul.mcode-scroll-menu>li>a{padding-top:10px!important;padding-bottom:10px!important;line-height:1.4!important}#menu-primary li:focus-within>ul.dropdown-menu{opacity:1!important;visibility:visible!important;display:block!important;transform:none!important}#menu-primary li.mcode-menu-dismissed>ul.dropdown-menu{opacity:0!important;visibility:hidden!important;pointer-events:none!important}#menu-primary ul.mcode-scroll-menu::-webkit-scrollbar{width:8px}#menu-primary ul.mcode-scroll-menu::-webkit-scrollbar-thumb{background:#39d5ed;border-radius:10px}#menu-primary ul.mcode-scroll-menu::-webkit-scrollbar-track{background:#102338}#menu-primary .mcode-scroll-cue{position:sticky;bottom:-15px;z-index:2;padding:6px 8px!important;margin:0!important;text-align:center;font-size:11px;line-height:1.4;color:#bdf2ff;background:#102338;border-top:1px solid #39d5ed;pointer-events:none}}#menu-primary .mcode-scroll-cue[hidden]{display:none!important}@media(max-width:991px){#menu-primary .mcode-scroll-cue{display:none!important}}@media (min-width:992px){.dt_header-navwrapper{background:transparent!important;padding:10px 0 14px!important}.dt_header-navwrapperinner{background:transparent!important}.dt_header-navwrapper .dt_navbar-wrapper{background:linear-gradient(115deg,#061426 0%,#091f38 50%,#062b37 100%)!important;border:1px solid rgb(0 191 243 / .32)!important;border-radius:18px!important;box-shadow:0 12px 35px rgb(0 0 0 / .3),0 0 25px rgb(0 191 243 / .08),inset 0 1px 0 rgb(255 255 255 / .06)!important;transition:border-color 0.3s ease,box-shadow 0.3s ease}.dt_header-navwrapper .dt_navbar-wrapper>.dt-container{background:transparent!important}.dt_header-navwrapper .dt_navbar-menu,.dt_header-navwrapper .dt_navbar-nav{background:transparent!important}.dt_header-navwrapper .dt_navbar-mainmenu>li>a.nav-link{color:#e9f6ff!important;font-weight:600!important;transition:color 0.25s ease,text-shadow 0.25s ease!important}.dt_header-navwrapper .dt_navbar-mainmenu>li:hover>a.nav-link,.dt_header-navwrapper .dt_navbar-mainmenu>li>a.nav-link:focus-visible{color:#20e5a0!important;text-shadow:0 0 12px rgb(32 229 160 / .45)!important}.dt_header-navwrapper .dt_navbar-mainmenu>li.current-menu-item>a.nav-link,.dt_header-navwrapper .dt_navbar-mainmenu>li.active>a.nav-link{color:#00bff3!important}.dt_header-navwrapper .dt_navbar-mainmenu>li>.dt_mobilenav-dropdown-toggle{color:#91adbf!important}.dt_header-navwrapper .dt_navbar-search-toggle{color:#20e5a0!important;transition:color 0.25s ease,transform 0.25s ease!important}.dt_header-navwrapper .dt_navbar-search-toggle:hover{color:#00bff3!important;transform:scale(1.08)}.dt_header-navwrapper .dt_navbar-wrapper:hover{border-color:rgb(32 229 160 / .42)!important;box-shadow:0 12px 35px rgb(0 0 0 / .3),0 0 28px rgb(0 191 243 / .13),inset 0 1px 0 rgb(255 255 255 / .06)!important}}@media (prefers-reduced-motion:reduce){.dt_header-navwrapper .dt_navbar-wrapper,.dt_header-navwrapper .dt_navbar-mainmenu>li>a.nav-link,.dt_header-navwrapper .dt_navbar-search-toggle{transition:none!important}}@media (max-width:991px){.dt_header-navwrapper .dt_mobilenav{background:linear-gradient(115deg,#061426 0%,#091f38 55%,#062b37 100%)!important;border:1px solid rgb(0 191 243 / .35)!important;border-radius:16px!important;box-shadow:0 10px 30px rgb(0 0 0 / .25),0 0 22px rgb(0 191 243 / .1)!important;margin:10px 12px!important}.dt_mobilenav .dt_mobilenav-menu{background:transparent!important}.dt_mobilenav .dt_mobilenav-logo{background:transparent!important}.dt_mobilenav .dt_mobilenav-toggles,.dt_mobilenav .dt_mobilenav-toggles button,.dt_mobilenav .dt_mobilenav-toggles a{color:#20e5a0!important}.dt_mobilenav .dt_mobilenav-toggles i,.dt_mobilenav .dt_mobilenav-toggles svg{color:#20e5a0!important;stroke:#20e5a0}.dt_mobilenav .dt_mobilenav-toggles button:hover,.dt_mobilenav .dt_mobilenav-toggles a:hover,.dt_mobilenav .dt_mobilenav-toggles button:focus-visible,.dt_mobilenav .dt_mobilenav-toggles a:focus-visible{color:#00bff3!important}.dt_mobilenav .site--logo img{height:auto!important;max-width:100%!important}}@media (prefers-reduced-motion:reduce){.dt_mobilenav .dt_mobilenav-toggles *{transition:none!important}}@media (max-width:991px){.dt_mobilenav .dt_mobilenav-toggles .dt_mobilenav-toggle,.dt_mobilenav .dt_mobilenav-toggles .dt_mobilenav-toggle i{color:#00bff3!important}.dt_mobilenav .dt_mobilenav-toggles .dt_mobilenav-toggle span,.dt_mobilenav .dt_mobilenav-toggles .dt_mobilenav-toggle span::before,.dt_mobilenav .dt_mobilenav-toggles .dt_mobilenav-toggle span::after{background-color:#00bff3!important;border-color:#00bff3!important}.dt_mobilenav .dt_mobilenav-menu,.dt_mobilenav .dt_mobilenav-menu ul{background:#071a35!important}.dt_mobilenav .dt_mobilenav-menu a{color:#e9f6ff!important}.dt_mobilenav .dt_mobilenav-menu a:hover,.dt_mobilenav .dt_mobilenav-menu .current-menu-item>a{color:#20e5a0!important}.dt_mobilenav .dt_mobilenav-menu .dropdown-menu,.dt_mobilenav .dt_mobilenav-menu .sub-menu{background:#0b2945!important}.dt_mobilenav .dt_mobilenav-menu .dropdown-menu a,.dt_mobilenav .dt_mobilenav-menu .sub-menu a{color:#cce9f4!important}.dt_mobilenav .dt_mobilenav-menu .dropdown-menu a:hover,.dt_mobilenav .dt_mobilenav-menu .sub-menu a:hover{color:#20e5a0!important}.dt_mobilenav .dt_mobilenav-menu li{border-color:rgb(0 191 243 / .15)!important}.dt_mobilenav .dt_mobilenav-menu .dropdown-toggle,.dt_mobilenav .dt_mobilenav-menu .dt_mobilenav-dropdown-toggle{color:#20e5a0!important}}@media (max-width:991px){.dt_mobilenav-toggles .dt_mobilenav-toggle,.dt_mobilenav-toggles .dt_mobilenav-toggle i,.dt_mobilenav-toggles .dt_mobilenav-toggle span,.dt_mobilenav-toggles .dt_mobilenav-toggle span::before,.dt_mobilenav-toggles .dt_mobilenav-toggle span::after{color:#00bff3!important;border-color:#00bff3!important}.dt_mobilenav-toggles .dt_mobilenav-toggle span,.dt_mobilenav-toggles .dt_mobilenav-toggle span::before,.dt_mobilenav-toggles .dt_mobilenav-toggle span::after{background-color:#00bff3!important}.dt_mobilenav-toggles .dt_mobilenav-toggle svg,.dt_mobilenav-toggles .dt_mobilenav-toggle svg *{stroke:#00bff3!important}}@media (max-width:991px){.dt_mobilenav button.hamburger.dt_mobilenav-mainmenu-toggle span{background-color:#00bff3!important}.dt_mobilenav button.hamburger.dt_mobilenav-mainmenu-toggle:hover span,.dt_mobilenav button.hamburger.dt_mobilenav-mainmenu-toggle:focus-visible span{background-color:#20e5a0!important}}@media (min-width:992px){.dt_header-navwrapper .dt_navbar-nav .dt_navbar-mainmenu .dropdown-menu{background:linear-gradient(145deg,#071a35 0%,#0b2945 100%)!important;color:#e9f6ff!important;border:1px solid rgb(0 191 243 / .3)!important;border-radius:12px!important;box-shadow:0 14px 35px rgb(0 0 0 / .35),0 0 18px rgb(0 191 243 / .08)!important}.dt_header-navwrapper .dt_navbar-mainmenu .dropdown-menu li{background:transparent!important;border-color:rgb(0 191 243 / .12)!important}.dt_header-navwrapper .dt_navbar-mainmenu .dropdown-menu li>a{color:#e9f6ff!important;background:transparent!important;transition:color 0.2s ease,background-color 0.2s ease!important}.dt_header-navwrapper .dt_navbar-mainmenu .dropdown-menu li>a:hover,.dt_header-navwrapper .dt_navbar-mainmenu .dropdown-menu li>a:focus-visible{color:#20e5a0!important;background:rgb(0 191 243 / .1)!important}.dt_header-navwrapper .dt_navbar-mainmenu .dropdown-menu .current-menu-item>a{color:#20e5a0!important}.dt_header-navwrapper .dt_navbar-mainmenu .dropdown-menu .dropdown-toggle{color:#00bff3!important}.dt_header-navwrapper .dt_navbar-mainmenu .dropdown-menu{scrollbar-color:#00bff3 #0b2945}.dt_header-navwrapper .dt_navbar-mainmenu .dropdown-menu::-webkit-scrollbar{width:7px}.dt_header-navwrapper .dt_navbar-mainmenu .dropdown-menu::-webkit-scrollbar-track{background:#0b2945}.dt_header-navwrapper .dt_navbar-mainmenu .dropdown-menu::-webkit-scrollbar-thumb{background:#00bff3;border-radius:10px}}@media (max-width:991px){.dt_mobilenav-mainmenu-inner{background-color:#071a35!important}.dt_mobilenav-mainmenu-inner>button.dt_header-closemenu.site--close{background:transparent!important;color:#00bff3!important;border-color:transparent!important}.dt_mobilenav-mainmenu-inner>button.dt_header-closemenu.site--close::before,.dt_mobilenav-mainmenu-inner>button.dt_header-closemenu.site--close::after{background-color:#00bff3!important;border-color:#00bff3!important}}