/* Dhimson Learn — scoped responsive surfaces, 27 October 2026. */
:root{--dl-frame-max:1240px;--dl-frame-gap:48px;--dl-pink:#bd1768;--dl-ink:#173e55}
html:root body.dl-clouds-theme{position:relative;isolation:isolate;background:transparent!important}
html:root body:is(.admin-portal,.tutor-portal).dl-clouds-theme :is(.app-wrapper,.main-content){background:transparent!important;background-image:none!important}
@media(max-width:991.98px){
 html:root body:is(.admin-portal,.tutor-portal) .app-wrapper>.main-content,html:root body.tutor-portal>.main-content{margin-left:0!important;min-width:0!important;width:100%!important}
 html:root body.admin-portal main.content-area{padding-inline:30px!important}
}
#dlCloudBackground{position:fixed;inset:0;width:100%;height:100dvh;z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(165deg,#dcecf7,#f8fbff 55%,#dfedf6)}
#dlCloudBackground canvas{pointer-events:none!important;opacity:.92}
#dlCloudBackground .dl-cloud-fallback{position:absolute;inset:0;background:radial-gradient(ellipse 70% 28% at 12% 24%,#fff 25%,transparent 72%),radial-gradient(ellipse 80% 26% at 86% 55%,#fff 20%,transparent 70%),linear-gradient(160deg,#dcebf8,#edf5fc)}
#dlCloudBackground.is-running .dl-cloud-fallback{opacity:0}
html:root body.frontend-page.dl-clouds-theme :is(main.main-content,.cd-page,.tl-page,.ac-page,.bc-page,.wb-page,.about-page.ab-body){background:transparent!important;background-image:none!important}
html:root body.frontend-page.dl-clouds-theme main#main-content.main-content{background:transparent!important;background-image:none!important}
html:root body.frontend-page.dl-clouds-theme main.main-content>section:not(#home-hero-carousel){background:transparent!important;background-image:none!important}
html:root body.frontend-page.dl-clouds-theme :is(main.main-content,.home-demo-courses)::before{background:none!important}
html:root body.frontend-page:not(.page-course-learn-immersive) :is(nav.lms-chrome-navbar,main.main-content:not(.main-content--immersive),footer.professional-footer.dynamic-footer){width:calc(100% - 2 * var(--dl-frame-gap))!important;max-width:var(--dl-frame-max)!important;margin-inline:auto!important;box-sizing:border-box}
html:root body.frontend-page nav.lms-chrome-navbar{margin-top:16px!important;min-height:72px;padding:8px 16px!important;border-radius:24px!important;z-index:1050}
html:root body.frontend-page nav.lms-chrome-navbar>.container{width:100%!important;max-width:none!important;padding-inline:4px!important;gap:16px;flex-wrap:nowrap!important}
html:root body.frontend-page nav.lms-chrome-navbar .navbar-brand{flex:0 0 auto;max-width:190px!important;margin-right:0!important;padding:0!important}
html:root body.frontend-page nav.lms-chrome-navbar .navbar-logo{width:190px!important;max-width:100%!important;height:auto!important;max-height:54px!important;object-fit:contain}
html:root body.frontend-page nav.lms-chrome-navbar .nav-link{font-size:13.5px!important;white-space:nowrap!important;padding-inline:7px!important;line-height:1.4!important}
html:root body.frontend-page nav.lms-chrome-navbar :is(.btn-nav-login,.btn-nav-register){min-height:44px!important;gap:7px!important;padding:7px 12px!important;font-size:13px!important}
html:root body.frontend-page nav.lms-chrome-navbar .navbar-toggler{width:44px;height:44px;flex-shrink:0;border:0!important;border-radius:14px;padding:10px!important}
@media(min-width:1200px){
 html:root body.frontend-page nav.lms-chrome-navbar .navbar-toggler{display:none!important}
 html:root body.frontend-page nav.lms-chrome-navbar #navbarNav{position:static!important;display:flex!important;flex:1 1 auto;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;border:0!important;inset:auto!important;transform:none!important}
 html:root body.frontend-page nav.lms-chrome-navbar #navbarNav>.navbar-nav{display:flex!important;flex-direction:row!important;width:auto!important;align-items:center!important;gap:2px;margin:0!important;padding:0!important;border:0!important}
 html:root body.frontend-page nav.lms-chrome-navbar #navbarNav>.navbar-nav:last-child{margin-left:10px!important;gap:8px}
 html:root body.frontend-page nav.lms-chrome-navbar #navbarNav .nav-item{width:auto!important;margin:0!important}
}
@media(max-width:1199.98px){
 :root{--dl-frame-gap:32px}
 html:root body.frontend-page nav.lms-chrome-navbar .navbar-toggler{display:inline-flex!important;align-items:center;justify-content:center;margin-left:auto}
 html:root body.frontend-page nav.lms-chrome-navbar #navbarNav:not(.show):not(.collapsing){display:none!important}
 html:root body.frontend-page nav.lms-chrome-navbar #navbarNav.show{position:absolute!important;top:calc(100% + 12px)!important;left:0!important;right:0!important;bottom:auto!important;transform:none!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 190px)!important;overflow:auto!important;padding:18px 20px 24px!important;margin:0!important;border:0!important;border-radius:24px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 18px 40px #16374d26!important}
 html:root body.frontend-page nav.lms-chrome-navbar #navbarNav.show>.navbar-nav{display:flex!important;flex-direction:column!important;gap:2px;width:100%!important;margin:0!important;padding:0!important}
 html:root body.frontend-page nav.lms-chrome-navbar #navbarNav.show>.navbar-nav:last-child{flex-direction:row!important;gap:12px!important;margin-top:14px!important;padding:14px 4px 4px!important;border-top:1px solid #e6edf3!important}
 html:root body.frontend-page nav.lms-chrome-navbar #navbarNav.show>.navbar-nav:last-child>.nav-item{flex:1 1 0;min-width:0}
 html:root body.frontend-page nav.lms-chrome-navbar #navbarNav.show :is(.btn-nav-login,.btn-nav-register){width:100%!important;margin:0!important;min-height:46px!important}
 html:root body.frontend-page nav.lms-chrome-navbar #navbarNav.show .nav-link{min-height:44px;font-size:15px!important;padding:10px 6px!important}
}
/* The banner indicators occupy their own row, never the text column. */
html:root body.frontend-page.page-home #home-hero-carousel{display:block!important;position:relative;border-radius:28px!important;margin:20px 0 12px!important;overflow:hidden}
html:root body.frontend-page.page-home #home-hero-carousel>.container{width:100%!important;max-width:none!important;padding:0!important}
html:root body.frontend-page.page-home #home-hero-carousel .hero-background{inset:0;min-height:0!important;height:100%!important}
html:root body.frontend-page.page-home #home-hero-carousel .hero-content{display:grid!important;padding:24px 32px 6px!important;min-height:282px!important;gap:24px!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;align-items:center}
html:root body.frontend-page.page-home #home-hero-carousel .hero-text{width:100%!important;max-width:none!important;min-width:0}
html:root body.frontend-page.page-home #home-hero-carousel .hero-visual{width:100%!important;max-width:340px!important;justify-self:center!important;min-width:0!important}
html:root body.frontend-page.page-home #home-hero-carousel .hero-slides{min-height:238px!important;height:auto!important}
html:root body.frontend-page.page-home #home-hero-carousel .hero-title{font-size:clamp(30px,3vw,42px)!important;line-height:1.12!important;margin:6px 0 10px!important;max-width:25ch!important;filter:none!important;text-shadow:none!important}
html:root body.frontend-page.page-home #home-hero-carousel .hero-description--lead{font-size:16px!important;line-height:1.45!important;margin:0 0 14px!important;max-height:none!important;display:block!important;-webkit-line-clamp:unset!important}
html:root body.frontend-page.page-home #home-hero-carousel .hero-eyebrow{font-size:11px!important;margin-bottom:6px!important;line-height:1.4}
html:root body.frontend-page.page-home #home-hero-carousel .hero-actions{display:flex!important;flex-wrap:wrap!important;align-items:center;gap:12px!important;margin:0 0 12px!important}
html:root body.frontend-page.page-home #home-hero-carousel .hero-actions .hero-cta-btn{min-height:46px!important;padding:9px 15px!important;font-size:14px!important;line-height:1.3!important;white-space:normal!important;max-width:100%;margin:0!important}
html:root body.frontend-page.page-home #home-hero-carousel .hero-platform-notice{position:static!important;margin:0!important;font-size:13px!important;line-height:1.45!important;white-space:normal!important;max-height:none!important;color:#e4ecf3!important;-webkit-text-fill-color:#e4ecf3!important;display:block!important}
@keyframes dl-slide-content-in{from{opacity:.55}to{opacity:1}}
html:root body.frontend-page.page-home #home-hero-carousel .hero-slide.is-active :is(.hero-title,.hero-eyebrow,.hero-description,.hero-actions){transform:none!important;filter:none!important;animation:dl-slide-content-in .45s ease both!important}
html:root body.frontend-page.page-home #home-hero-carousel>.hero-carousel-controls{position:relative!important;inset:auto!important;left:auto!important;bottom:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:52px!important;padding:0 12px 8px!important;margin:0!important;transform:none!important;z-index:3}
html:root body.frontend-page.page-home #home-hero-carousel .hero-carousel-dots{display:flex!important;justify-content:center!important;align-items:center!important;margin:0!important}
html:root body.frontend-page.page-home #home-hero-carousel :is(.hero-visual,.hero-scene){height:260px!important;min-height:260px!important;max-width:100%!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-format-card{height:204px!important;min-height:0!important;padding:12px!important;gap:6px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-format-card strong{font-size:17px!important;line-height:1.15!important;margin:0!important;letter-spacing:-.02em!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-format-card small{font-size:10px!important;line-height:1.3!important;margin-top:4px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-format-card>span{font-size:9px!important;letter-spacing:.05em!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-format-card>:is(i,svg){width:26px!important;height:26px!important;margin-bottom:8px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-format-card--self{top:22px!important;left:3%!important;bottom:auto!important;width:30%!important;transform:rotate(-2deg)!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-format-card--live{top:22px!important;left:35%!important;right:auto!important;bottom:auto!important;width:30%!important;transform:rotate(0deg)!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-format-card--tutor{top:22px!important;bottom:auto!important;left:67%!important;width:30%!important;height:204px!important;transform:rotate(2deg)!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-format-card--tutor strong{font-size:17px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-course-card--main{top:20px!important;height:212px!important;min-height:0!important;padding:16px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-card-icon{width:30px!important;height:30px!important;margin-bottom:8px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-course-card strong{font-size:19px!important;line-height:1.15!important;margin:6px 0 8px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-course-card small{font-size:11px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-progress{height:6px!important;margin:8px 0 5px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-team-panel{top:20px!important;height:212px!important;min-height:0!important;padding:14px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-team-head :is(i,svg){width:24px!important;height:24px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-team-panel>strong{font-size:19px!important;margin-top:5px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-team-panel>small{font-size:11px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-team-people{margin-top:8px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-team-chart{height:40px!important;margin-top:8px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-team-foot{margin-top:5px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-call-window{top:18px!important;height:212px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-tutor-avatar{width:64px!important;height:64px!important;margin:14px auto 10px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-call-caption strong{font-size:16px!important;line-height:1.2!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-call-caption small{font-size:11px!important}
html:root body.frontend-page.page-home #home-hero-carousel .scene-call-controls{margin-top:8px!important}
html:root body.frontend-page.page-home main.main-content>section:not(#home-hero-carousel){padding-block:24px!important}
html:root body.frontend-page main.main-content .section-header :is(h2,h3){font-size:22px!important}
/* A visible breathing shadow; buttons keep stable hit boxes. */
@keyframes dl-polish-breathe{0%,100%{box-shadow:0 5px 12px #233b5626,0 0 0 0 #bd176800}50%{box-shadow:0 8px 20px #233b5640,0 0 18px 3px #bd17681f}}
@keyframes dl-dock-breathe{0%,100%{opacity:.3;transform:scale(.98)}50%{opacity:.8;transform:scale(1.025)}}
@keyframes dl-polish-aura{0%,100%{opacity:.18;transform:scale(.97)}50%{opacity:.65;transform:scale(1.025)}}
@keyframes dl-dock-icon{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
html:root body:is(.frontend-page,.auth-page) :is(.btn-nav-login,.btn-nav-register,.hero-cta-btn,.home-demo-course__link,.home-demo-courses__all,.dl-mobile-bottom-nav__item,.auth-topbar__link,.auth-portal-nav__link,.auth-footer-cta,.auth-btn,.dl-registration-next,.dl-registration-back,.btn-tab){border:0!important;animation:dl-polish-breathe 3.8s ease-in-out infinite!important;transition:box-shadow .24s ease,transform .24s ease!important}
html:root body.auth-page :is(.auth-btn,.dl-registration-next,.btn-next,.btn-submit){color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(145deg,#30313a,#1a1c23)!important;border-radius:16px!important;min-height:44px!important;display:flex;justify-content:center;align-items:center;gap:9px}
html:root body.auth-page :is(.auth-footer-cta,.dl-registration-back,.btn-previous){color:#151820!important;-webkit-text-fill-color:#151820!important;background:linear-gradient(145deg,#fff,#eaf0f6)!important;border-radius:16px!important;min-height:44px!important}
.dl-registration-icon{display:inline-grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:9px;background:#bd1768;color:white!important;-webkit-text-fill-color:white!important;font-size:17px}
html:root body :is(.auth-toggle-pw,.tr-password-toggle,.hero-carousel-dot){animation:none!important}
html:root body .dl-mobile-bottom-nav{isolation:isolate;overflow:visible!important;border:0!important}
html:root body .dl-mobile-bottom-nav::before{content:"";position:absolute;inset:-4px;z-index:-1;border-radius:24px;background:radial-gradient(ellipse at 20% 20%,#ffffffd9,transparent 65%),linear-gradient(120deg,#c9dbe7,#f7f9fc,#e4c8dd);filter:blur(6px);animation:dl-dock-breathe 4s ease-in-out infinite;pointer-events:none}
html:root body .dl-mobile-bottom-nav__item{min-width:44px;min-height:52px!important;border-radius:16px!important}
html:root body:is(.frontend-page,.auth-page) nav.dl-mobile-bottom-nav :is(a,button){min-height:52px!important;border:0!important;border-radius:16px!important;color:#161a23!important;-webkit-text-fill-color:#161a23!important;background:linear-gradient(145deg,#fff,#e8eef5)!important;box-shadow:3px 4px 9px #9aabba4a,-3px -3px 8px #ffffffd9!important}
html:root body:is(.frontend-page,.auth-page) nav.dl-mobile-bottom-nav :is(a,button)>svg{animation:dl-dock-icon 4s ease-in-out infinite;color:#bd1768}
html:root body:is(.frontend-page,.auth-page) nav.dl-mobile-bottom-nav :is(a,button):nth-child(2)>svg{animation-delay:-1s}
html:root body:is(.frontend-page,.auth-page) nav.dl-mobile-bottom-nav :is(a,button):nth-child(3)>svg{animation-delay:-2s}
html:root body:is(.frontend-page,.auth-page) :is(.auth-topbar__link,.auth-portal-nav__link,.auth-footer-cta,.auth-btn,.btn-tab,.dl-registration-next,.dl-registration-back,.hero-cta-btn){position:relative;isolation:isolate}
html:root body:is(.frontend-page,.auth-page) :is(.auth-topbar__link,.auth-portal-nav__link,.auth-footer-cta,.auth-btn,.btn-tab,.dl-registration-next,.dl-registration-back,.hero-cta-btn)::before{content:''!important;position:absolute!important;inset:-3px!important;border-radius:inherit!important;z-index:-1!important;pointer-events:none!important;background:radial-gradient(ellipse at 20% 10%,#ffffffb3,transparent 60%),linear-gradient(120deg,#bd176833,transparent 70%)!important;filter:blur(3px);animation:dl-polish-aura 3.8s ease-in-out infinite!important}
/* Registration: one task at a time, without a nested scroll pane. */
html:root body.auth-page.auth-page--register{max-height:none!important;height:auto!important;width:min(1160px,calc(100% - 96px))!important;margin:12px auto!important;overflow:visible!important}
html:root body.auth-page.auth-page--register :is(.auth-main,.auth-brand){height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
html:root body.auth-page.auth-page--register .auth-brand{flex-basis:38%!important;padding:24px!important}
html:root body.auth-page.auth-page--register .auth-form-wrap{overflow:visible!important;max-height:none!important;padding:8px 14px 12px!important}
html:root body.auth-page.auth-page--register .auth-topbar{padding:7px 12px!important}
html:root body.auth-page.auth-page--register .auth-card{max-width:660px!important;padding:14px 20px!important;background:rgba(255,255,255,.94)!important;border-radius:24px!important;box-shadow:0 18px 48px #193b5214!important}
html:root body.auth-page.auth-page--register .auth-card__title{font-size:24px!important;line-height:1.2!important;margin:0 0 5px!important}
html:root body.auth-page.auth-page--register .auth-card__subtitle{font-size:14px!important;line-height:1.4!important;margin-bottom:12px!important}
html:root body.auth-page.auth-page--register .auth-badge{display:none!important}
html:root body.auth-page.auth-page--register :is(.auth-field,.mb-3){margin-bottom:12px!important}
html:root body.auth-page.auth-page--register :is(.auth-input,.form-control,.form-select){min-height:44px!important;height:auto!important;padding-block:10px!important;border:1px solid #dbe4ee!important;border-radius:13px!important;font-size:16px!important;line-height:1.3!important;background:linear-gradient(145deg,#f9fbfe,#fff)!important;box-shadow:inset 2px 2px 5px #bccbd724,inset -3px -3px 7px #fff!important}
html:root body.auth-page.auth-page--register :is(.auth-label,.form-label){font-size:13px!important;line-height:1.35;margin-bottom:5px!important}
html:root body.auth-page.auth-page--register .auth-input-icon{width:17px;height:17px}
html:root body.auth-page.auth-page--register .auth-grid{gap:12px!important}
html:root body.auth-page.auth-page--register .dl-registration-identity{grid-template-columns:minmax(0,1fr)!important}
.dl-registration-stage{min-width:0;margin:0;padding:0;border:0}
.dl-registration-stage[hidden]{display:none!important}
.dl-registration-progress{display:grid;grid-template-columns:repeat(var(--dl-registration-steps,3),minmax(0,1fr));gap:8px;margin:0 0 10px;padding:0;list-style:none}
.dl-registration-progress li{padding:8px 4px;border-radius:11px;background:#eef3f7;color:#596a7b;font-size:12px;text-align:center}
.dl-registration-progress li[aria-current=step]{background:#193d54;color:#fff;box-shadow:0 4px 10px #18394b24}
.dl-registration-progress b{margin-right:4px}
.dl-registration-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}
.dl-registration-actions>button{min-height:44px;margin:0!important;padding:9px 16px!important;flex:1 1 0;font:inherit;font-size:14px;cursor:pointer}
.dl-registration-actions>button[hidden]{display:none!important}
.dl-registration-privacy,.dl-tutor-optional{margin:10px 0;font-size:13px}
.dl-registration-privacy summary,.dl-tutor-optional summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#173e55;font-weight:700;padding:8px 10px;background:#f0f5f9;border-radius:12px;list-style:none}
.dl-registration-privacy summary::after,.dl-tutor-optional summary::after{content:"+";margin-left:auto;color:#bd1768;font-size:20px}
.dl-registration-privacy[open] summary::after,.dl-tutor-optional[open] summary::after{content:"−"}
.dl-tutor-optional>.row{padding-top:12px}
.dl-tutor-account-label{margin:0 0 10px;font-size:13px;color:#496074}
.dl-tutor-account-back{margin:8px 0!important;padding:8px 12px!important;min-height:44px;border:0;border-radius:12px;font:inherit;font-size:13px;cursor:pointer;background:#edf3f8;color:#173e55}
html:root body.auth-page.auth-page--register .auth-divider,html:root body.auth-page.auth-page--register:not(.auth-page--tutor) .auth-footer-text{display:none!important}
html:root body.auth-page.auth-page--register .auth-footer-cta{margin-top:8px!important;min-height:44px!important;font-size:14px!important;padding:9px 12px!important}
html:root body.auth-page.auth-page--register .auth-tutor-register .registration-container{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html:root body.auth-page.auth-page--register .auth-tutor-register .tab-navigation{margin-bottom:12px!important;padding:10px!important;border-radius:16px!important}
html:root body.auth-page.auth-page--register .auth-tutor-register .tab-step{padding:6px 3px!important;min-height:44px}
html:root body.auth-page.auth-page--register .auth-tutor-register .step-title{font-size:11px!important;line-height:1.3}
html:root body.auth-page.auth-page--register .auth-tutor-register .step-description{display:none!important}
html:root body.auth-page.auth-page--register .auth-tutor-register .tab-navigation-buttons{padding-top:10px!important;margin-top:12px!important;gap:10px}
html:root body.auth-page.auth-page--register .auth-tutor-register .tr-stepper-meta{margin-bottom:8px!important}
html:root body.auth-page.auth-page--register .auth-tutor-register .tab-content{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html:root body.auth-page.auth-page--register :is(.auth-terms,[id$="_data_consent"]){scroll-margin-block:24px}
/* Mobile outer gutters and compact, readable content. */
@media(max-width:899.98px){
 html:root body.auth-page.auth-page--register{width:calc(100% - 60px)!important;margin:12px auto 108px!important}
 html:root body.auth-page.auth-page--register .auth-brand{display:none!important}
 html:root body.auth-page.auth-page--register .auth-brand-mobile{min-height:56px!important;padding:10px 12px!important}
 html:root body.auth-page.auth-page--register .auth-topbar{padding:7px 8px!important}
 html:root body.auth-page.auth-page--register .auth-form-wrap{padding:8px!important}
 html:root body.auth-page.auth-page--register .auth-card{padding:16px 14px!important}
 html:root body.auth-page .auth-motion-toggle{display:none!important}
 html:root body.auth-page .auth-brand-mobile .auth-role-motion{top:8px!important;height:40px!important;padding:0!important}
 html:root body.auth-page .auth-brand-mobile .auth-role-motion svg{height:40px!important;width:90px!important}
}
@media(max-width:767.98px){
 :root{--dl-frame-gap:30px}
 html:root body.frontend-page nav.lms-chrome-navbar{margin-top:12px!important;padding:8px 10px!important;border-radius:20px!important;min-height:66px}
 html:root body.frontend-page nav.lms-chrome-navbar>.container{gap:8px!important;padding:0!important}
 html:root body.frontend-page nav.lms-chrome-navbar .navbar-brand{max-width:calc(100% - 54px)!important}
 html:root body.frontend-page nav.lms-chrome-navbar .navbar-logo{width:clamp(145px,43vw,190px)!important}
 html:root body.frontend-page nav.lms-chrome-navbar #navbarNav.show{padding:14px 16px 22px!important;max-height:calc(100dvh - 186px)!important}
 html:root body.frontend-page nav.lms-chrome-navbar #navbarNav .btn-nav-icon{width:26px!important;height:26px!important;min-width:26px!important;font-size:20px!important}
 html:root body.frontend-page.page-home #home-hero-carousel{border-radius:24px!important;margin-top:14px!important}
 html:root body.frontend-page.page-home #home-hero-carousel .hero-content{display:block!important;grid-template-columns:1fr!important;min-height:0!important;padding:20px 16px 4px!important}
 html:root body.frontend-page.page-home #home-hero-carousel .hero-slides{min-height:258px!important}
 html:root body.frontend-page.page-home #home-hero-carousel .hero-visual{display:none!important}
 html:root body.frontend-page.page-home #home-hero-carousel .hero-title{font-size:clamp(25px,6.5vw,32px)!important;line-height:1.15!important;max-width:none!important;text-align:center!important}
 html:root body.frontend-page.page-home #home-hero-carousel .hero-eyebrow{text-align:center!important;font-size:10px!important}
 html:root body.frontend-page.page-home #home-hero-carousel .hero-description--lead{font-size:14px!important;line-height:1.5!important;text-align:center!important;margin-bottom:12px!important}
 html:root body.frontend-page.page-home #home-hero-carousel .hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
 html:root body.frontend-page.page-home #home-hero-carousel .hero-actions .hero-cta-btn{width:100%!important;padding:8px 9px!important;font-size:13px!important;gap:6px!important;min-width:0!important;min-height:48px!important}
 html:root body.frontend-page.page-home #home-hero-carousel .hero-actions .hero-cta-btn :is(svg,i){width:20px!important;height:20px!important;flex-shrink:0}
 html:root body.frontend-page.page-home #home-hero-carousel .hero-platform-notice{font-size:12px!important;text-align:center!important;line-height:1.5!important}
 html:root body.frontend-page.page-home #home-hero-carousel>.hero-carousel-controls{padding-bottom:6px!important;min-height:48px!important}
 html:root body.frontend-page #main-content .home-demo-course .home-demo-course__art,html:root body.frontend-page #main-content .course-card.course-card .course-image{height:112px!important;min-height:112px!important;flex-basis:112px!important}
 html:root body.frontend-page #main-content .home-demo-course__body{padding:12px!important}
 html:root body.frontend-page #main-content .home-demo-course h3{font-size:17px!important;margin:6px 0!important}
 html:root body.frontend-page #main-content .home-demo-course p{font-size:14px!important;line-height:1.45!important;margin-bottom:12px!important}
 html:root body.frontend-page #main-content .course-card.course-card .course-title{font-size:17px!important;min-height:0!important}
 html:root body.frontend-page #main-content .tl-card .tl-card-accent{height:86px!important}
 html:root body.frontend-page #main-content .tl-card .tl-card-header-row{padding-top:112px!important}
 html:root body.frontend-page #main-content .tl-card .tl-card-avatar-wrap{top:58px!important;width:56px!important;height:56px!important}
 html:root body.frontend-page #main-content .tl-card .tl-card-meta{padding:6px 4px!important}
 html:root body.frontend-page #main-content .cd-page :is(.course-header,.course-content){padding-block:16px!important}
 html:root body.frontend-page #main-content .cd-page :is(.content-section,.course-sidebar,.course-details-card){padding:16px!important}
 html:root body.frontend-page #main-content .cd-page .course-title{font-size:24px!important;line-height:1.25!important}
 html:root body.frontend-page #main-content .cd-page .course-description{font-size:15px!important;line-height:1.5!important}
 html:root body :is(.dl-mobile-bottom-nav){left:30px!important;right:30px!important;width:auto!important;padding:8px!important;gap:6px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;border-radius:22px!important}
 html:root body:is(.frontend-page,.auth-page) nav.dl-mobile-bottom-nav :is(a,button){padding:7px 3px!important;font-size:11px!important;gap:4px!important}
 html:root body .dl-mobile-bottom-nav__item :is(svg,i){width:21px!important;height:21px!important}
 html:root body.auth-page.auth-page--login{width:calc(100% - 60px)!important;max-height:none!important;margin:12px auto 108px!important;overflow:visible!important}
 html:root body.auth-page.auth-page--login :is(.auth-main,.auth-form-wrap){max-height:none!important;overflow:visible!important}
 html:root body.auth-page.auth-page--login .auth-form-wrap{padding:8px!important}
 html:root body.auth-page.auth-page--login .auth-card{padding:18px 14px!important}
 html:root body.auth-page--birds #authBirdsBackground>canvas{opacity:1!important}
 html:root body.auth-page--birds main.auth-main{background:rgba(241,247,251,.5)!important}
 html:root body.auth-page--birds .auth-card{background:rgba(255,255,255,.92)!important}
 html:root body.frontend-page .dl-enter-from-right{opacity:0!important;transform:translate3d(28px,0,0)!important;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1)!important}
 html:root body.frontend-page .dl-enter-from-right.dl-entered{opacity:1!important;transform:translate3d(0,0,0)!important}
 html:root body.frontend-page .dl-enter-from-right:focus-within{opacity:1!important;transform:none!important}
 html:root body.frontend-page .animate-on-scroll:not(.dl-enter-from-right){opacity:1!important;transform:none!important;animation:none!important}
}
@media(max-width:359.98px){
 html:root body.auth-page.auth-page--register .auth-brand-mobile__logo{max-width:calc(100% - 84px)!important}
 html:root body.auth-page.auth-page--register .auth-brand-mobile .auth-role-motion svg{width:64px!important}
 html:root body.frontend-page.page-home #home-hero-carousel .hero-actions{grid-template-columns:minmax(0,1fr)}
 html:root body.frontend-page.page-home #home-hero-carousel .hero-slides{min-height:310px!important}
 html:root body.auth-page.auth-page--register .auth-card__title{font-size:21px!important}
 html:root body.auth-page.auth-page--register .auth-terms{padding:7px 5px!important}
 .dl-registration-progress{gap:5px}.dl-registration-progress li{font-size:11px;padding:7px 2px}
}
@media(max-width:767.98px){
 html:root body.auth-page.auth-page--register .auth-footer-cta{display:none!important}
 html:root body.auth-page.auth-page--register .dl-registration-progress li{font-size:10px!important;gap:3px!important}
}
/* Reserve the tallest banner's space; entrance motion must not cross the dots row. */
@media(min-width:992px) and (max-height:740px){
 html:root body.auth-page.auth-page--register .auth-brand__content{gap:8px!important}
 html:root body.auth-page.auth-page--register .auth-brand__steps-panel{display:none!important}
 html:root body.auth-page.auth-page--register .auth-brand{padding:18px!important}
 html:root body.auth-page.auth-page--register .auth-brand__features li{min-height:28px!important;padding-block:5px!important}
 html:root body.auth-page.auth-page--register .auth-tutor-register .tr-stepper-meta{display:none!important}
 html:root body.auth-page.auth-page--register .auth-tutor-register textarea#bio{height:96px!important;min-height:96px!important}
}
html:root body.auth-page.auth-page--register .auth-tutor-register .step-check{display:none!important}
html:root body.auth-page.auth-page--register .auth-tutor-register .step-body{width:100%;min-width:0;text-align:center}
html:root body.auth-page.auth-page--register .auth-tutor-register .tab-step{border:0!important;border-radius:14px!important;background:linear-gradient(145deg,#fff,#edf2f7)!important;box-shadow:3px 4px 9px #9aabba38,-3px -3px 8px #ffffffd9!important;color:#173e55!important}
html:root body.auth-page.auth-page--register .auth-tutor-register .tab-step[aria-selected="true"]{background:linear-gradient(145deg,#314755,#173e55)!important;color:#fff!important}
html:root body.auth-page.auth-page--register .auth-tutor-register .tab-step .step-title{color:inherit!important;white-space:normal!important;overflow-wrap:anywhere}
html:root body.auth-page.auth-page--register #tutorRegistrationForm:has(.tab-content.active[data-dl-substage-last="false"]) #nextBtn{display:none!important}
html:root body.auth-page.auth-page--register #tutorRegistrationForm .dl-registration-stage .dl-registration-actions{margin-block:12px 4px!important}
html:root body.frontend-page.page-home #home-hero-carousel .hero-slides{display:grid!important;align-items:start!important}
html:root body.frontend-page.page-home #home-hero-carousel .hero-slide{display:block!important;grid-area:1/1!important;position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important}
html:root body.frontend-page.page-home #home-hero-carousel .hero-slide.is-active{visibility:visible!important;pointer-events:auto!important;animation:dl-polish-slide-enter .5s ease both!important}
@keyframes dl-polish-slide-enter{from{opacity:0}to{opacity:1}}
@media(hover:hover) and (pointer:fine){html:root body:is(.frontend-page,.auth-page) :is(.hero-cta-btn,.auth-btn,.auth-footer-cta,.btn-tab,.dl-registration-next,.dl-registration-back):hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){
 html:root body.frontend-page.page-home #home-hero-carousel .hero-slide.is-active{animation:none!important;opacity:1!important}
 html:root body.frontend-page.page-home #home-hero-carousel .hero-slide.is-active :is(.hero-title,.hero-eyebrow,.hero-description,.hero-actions){animation:none!important;opacity:1!important}
 html:root body:is(.frontend-page,.auth-page) :is(.btn-nav-login,.btn-nav-register,.hero-cta-btn,.home-demo-course__link,.home-demo-courses__all,.dl-mobile-bottom-nav__item,.auth-topbar__link,.auth-portal-nav__link,.auth-footer-cta,.auth-btn,.dl-registration-next,.dl-registration-back,.btn-tab){animation:none!important;transition:none!important;transform:none!important}
 html:root body .dl-mobile-bottom-nav::before{animation:none!important;transform:none!important}
 html:root body:is(.frontend-page,.auth-page) :is(.auth-topbar__link,.auth-portal-nav__link,.auth-footer-cta,.auth-btn,.btn-tab,.dl-registration-next,.dl-registration-back,.hero-cta-btn)::before,html:root body:is(.frontend-page,.auth-page) nav.dl-mobile-bottom-nav :is(a,button)>svg{animation:none!important;transform:none!important}
 html:root body.frontend-page .dl-enter-from-right{opacity:1!important;transform:none!important;transition:none!important}
}