.apex-mobile-nav{display:none}
@media(max-width:879px){
 html{scroll-padding-bottom:110px;scroll-padding-top:125px}
 body.apex-app-shell{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));overscroll-behavior-y:none}
 .apex-mobile-nav{position:fixed;z-index:100;left:10px;right:10px;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:10px 6px calc(10px + env(safe-area-inset-bottom,0px));border:1px solid #e9dfed;border-bottom:0;border-radius:27px 27px 0 0;background:rgba(255,252,249,.97);box-shadow:0 -8px 32px #49354d0d;backdrop-filter:blur(20px);font-family:'Nunito Sans',system-ui,sans-serif}
 .apex-mobile-nav.apex-keyboard-open{display:none}
 .apex-mobile-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:58px;min-width:0;color:#786b7c!important;font-size:10px;font-weight:700;text-decoration:none!important;border-radius:18px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
 .apex-mobile-icon{display:grid;place-items:center;width:42px;height:29px;border-radius:12px}.apex-mobile-icon svg{width:22px;height:22px}
 .apex-mobile-item[aria-current="page"]{color:#49354d!important}.apex-mobile-item[aria-current="page"] .apex-mobile-icon{background:#e7ddf0}
 .apex-mobile-join .apex-mobile-icon{width:42px;height:34px;background:#f5934c;color:#422b38;border-radius:15px}.apex-mobile-join[aria-current="page"] .apex-mobile-icon{background:#f5934c}
 .apex-mobile-item:active{transform:scale(.95);background:#f4edf8}
 .sticky-cta,.apex-ads-sticky{display:none!important}
 body.apex-app-shell header{padding-top:env(safe-area-inset-top,0px);box-shadow:0 3px 18px #49354d04}
 body.apex-app-shell header>div:first-child{min-height:68px!important}
 body.apex-app-shell header button,body.apex-app-shell header a{min-height:40px;display:inline-flex;align-items:center;justify-content:center}
 body.apex-app-shell input,body.apex-app-shell select,body.apex-app-shell textarea{font-size:16px!important;min-height:46px}
 body.apex-app-shell button{touch-action:manipulation}
 body.apex-app-shell main{padding-bottom:32px!important}
 body.apex-app-shell [data-screen-label="Checkout"] main{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}
 body.apex-app-shell [data-screen-label="Checkout"] aside{position:static!important}
 .apex-payment-methods{grid-template-columns:1fr!important}
 .apex-payment-methods button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;min-height:60px;padding:14px 16px!important;border-radius:16px!important}
 .apex-payment-methods button>span:first-child{flex:none}
 .apex-payment-methods button>span:last-child{margin-top:0!important;text-align:right;line-height:1.5;overflow-wrap:anywhere}
 body.apex-app-shell [data-screen-label="Dashboard"]>header nav{scrollbar-width:none;padding-bottom:3px!important}
 body.apex-app-shell [data-screen-label="Dashboard"]>header nav button{min-height:46px}
 body.apex-app-shell [data-screen-label="Dashboard"] main>h1{font-size:28px!important}
 body.apex-app-shell [data-screen-label="Login"]>div:last-child{display:none!important}
 body.apex-app-shell [data-screen-label="Login"]{min-height:calc(100dvh - 90px)!important}
 body.apex-app-shell [data-screen-label="Lesson player"] aside{position:static!important;max-height:none!important}
 body.apex-app-shell .apex-hero{padding-bottom:20px!important}
 body.apex-app-shell .apex-hero h1{font-size:clamp(36px,10vw,48px)!important}
 body.apex-app-shell .apex-dashboard-banner{border-radius:26px}
 body.apex-app-shell #reviews,body.apex-app-shell #pricing{padding-top:45px!important}
}
@media(max-width:400px){.apex-mobile-nav{left:6px;right:6px}.apex-mobile-item{font-size:9px}}
@media(max-width:879px){button.apex-mobile-item{border:0;background:transparent;padding:0;font-family:inherit;border-radius:18px!important;font-size:10px;cursor:pointer}#students,#catalog{scroll-margin-top:100px}}
