/* Mobile application presentation. Isolated hero avoids legacy .app-hero layout rules. */
.uapp-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:24px;padding:36px 40px 48px;border-radius:26px;background:linear-gradient(120deg,#0759cb,#006be5);color:#fff;overflow:hidden;min-height:310px}
.uapp-hero:after{content:"";position:absolute;z-index:-1;right:-50px;top:-100px;width:380px;height:380px;border-radius:50%;border:1px solid #ffffff18;background:#ffffff05}
.uapp-hero-copy{position:relative;z-index:1;min-width:0}.uapp-eyebrow{font-size:11px;font-weight:700;letter-spacing:.02em;color:#d7edff}
.uapp-hero h1{font-size:48px;line-height:1.07;color:#fff;letter-spacing:-.045em;text-wrap:initial;margin:16px 0 14px}.uapp-hero p{font-size:16px;line-height:1.6;color:#e0eeff;margin:0 0 18px}
.uapp-hero-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:42px;border-radius:11px;padding:10px 16px;background:#fff;color:#0047aa;font-size:13px;font-weight:700;text-decoration:none}
.uapp-hero-image{display:block;width:280px;height:280px;object-fit:contain;justify-self:center;max-width:100%}.uapp-hero-note{position:absolute;bottom:19px;left:40px;color:#d8ecff;font-size:11px}
.uapp-launcher{margin-top:20px;padding:26px;background:white;border:1px solid #e0e8f4;border-radius:22px;box-shadow:0 5px 20px #183c6705;scroll-margin-top:90px}
.uapp-launcher .launcher-title h2{font-size:25px;margin:5px 0 22px}.uapp-launcher .launcher-title .eyebrow{font-size:10px;letter-spacing:.03em}.uapp-launcher .launcher-fields select{border-radius:12px;background:#f5f8fc;border-color:#dce5f1;min-height:52px}.uapp-launcher .launcher-fields .button{background:#005bd7;color:#fff;min-height:52px}.uapp-launcher .launcher-fields .button:hover{background:#0048ad}.uapp-launcher .launcher-hint{font-size:11px;margin-top:12px;color:#66788e}
.uapp-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 24px}.uapp-shortcuts a{display:flex;gap:10px;align-items:center;min-height:66px;padding:12px;border:1px solid #e0e8f4;background:#fff;border-radius:15px;text-decoration:none;font-size:12px;font-weight:700;color:#223b59;min-width:0}.uapp-shortcut-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none;background:#ecf4ff;color:#005bd7}.uapp-shortcut-icon svg,.uapp-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.uapp-shortcuts a:nth-child(2) .uapp-shortcut-icon{background:#edf8f4;color:#20826a}.uapp-shortcuts a:nth-child(3) .uapp-shortcut-icon{background:#fff2e5;color:#b3751b}.uapp-shortcut-arrow{margin-left:auto;color:#8b9cb2;font-size:13px}
.uapp-catalog-header.page-hero{border:0;margin:20px 0 22px;padding:0}.uapp-catalog-header.page-hero h1{font-size:32px;margin:8px 0;line-height:1.2}.uapp-catalog-header.page-hero .intro{font-size:14px;line-height:1.6;margin:0}.uapp-catalog-header .eyebrow{font-size:10px;letter-spacing:.03em}.uapp-catalog-filters.filters{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;margin:0 0 16px}.uapp-search{position:relative;display:block;margin:0}.uapp-search svg{position:absolute;left:15px;top:16px;color:#70829a;pointer-events:none}.uapp-search input{width:100%;height:52px;border-radius:14px;background:#fff;border:1px solid #dce5f1;margin:0;padding:12px 15px 12px 44px;font-size:15px}
.uapp-kind-filter{border:1px solid #dce5f1;border-radius:13px;background:#fff;padding:0 14px;max-width:230px}.uapp-kind-filter summary{font-size:12px;cursor:pointer;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;color:#52647a}.uapp-kind-filter summary::-webkit-details-marker{display:none}.uapp-kind-filter label{display:block;width:100%;font-size:11px;margin:0 0 13px}.uapp-kind-filter select{width:100%;font-size:14px;padding:9px;margin:5px 0 0;min-height:44px}
.uapp-catalog-about{border:1px solid #e0e8f4;border-radius:14px;background:#fff;padding:15px;margin-top:24px;color:#62758c;font-size:12px}.uapp-catalog-about summary{cursor:pointer;font-weight:700}.uapp-catalog-about p{font-size:13px;line-height:1.8}
.uapp :is(.uapp-hero,.uapp-launcher,.uapp-shortcuts) :is(a,select):focus-visible{outline:3px solid #efae2a;outline-offset:4px}
@media(max-width:800px){
 .uapp{background:#f5f8fc;padding-bottom:calc(76px + env(safe-area-inset-bottom));overflow-x:clip}
 .uapp .app-top{height:60px;min-height:60px;padding:0 16px;gap:8px;background:#fffffffa;border-bottom:1px solid #e6edf6;box-shadow:none}
 .uapp .app-top .mobile-logo{width:112px;height:auto}.uapp .top-actions{gap:7px;min-width:0}.uapp .coin-chip{font-size:10px;padding:6px 8px;border-radius:12px}.uapp .profile-avatar{width:32px;height:32px;font-size:14px;border-radius:10px}
 .uapp .app-top button{font-size:11px;padding:8px 10px;min-height:34px;border-radius:12px}.uapp .top-caption{display:none}
 .uapp .hub-wrap,.uapp main>.wrap{width:calc(100% - 32px);padding:16px 0 28px;margin:0 auto}
 .uapp .app-bottom{height:calc(66px + env(safe-area-inset-bottom));padding:5px 8px calc(5px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;box-shadow:0 -5px 24px #15355706;background:#fffffffa;border-top:1px solid #e4ebf5}
 .uapp .app-bottom .bottom-link{min-width:0;min-height:54px;gap:4px;border-radius:12px;padding:5px 0;text-decoration:none;font-size:10px;line-height:1.1;color:#77899f;box-shadow:none}
 .uapp .app-bottom .bottom-link span{font-size:10px;white-space:nowrap}.uapp .app-bottom .bottom-link svg{width:22px;height:22px}
 .uapp .app-bottom .bottom-link.active{color:#005bd7;background:#edf4ff}.uapp .app-bottom .practice-nav{margin:0;border:0;position:static;background:transparent;color:#005bd7;box-shadow:none;gap:2px;padding:0 0 3px}
 .uapp .app-bottom .practice-nav svg{box-sizing:content-box;width:22px;height:22px;padding:8px;border-radius:13px;background:#005bd7;color:#fff;stroke-width:1.7}.uapp .app-bottom .practice-nav.active{background:transparent}.uapp .app-bottom .practice-nav.active svg{background:#0047a8}
 .uapp .breadcrumb{font-size:11px;line-height:1.4;margin:0 0 14px;padding:0}.uapp .uapp-catalog-breadcrumb{display:none}
 .uapp-hero{grid-template-columns:minmax(0,1fr) 115px;gap:6px;padding:18px 18px 32px;border-radius:20px;min-height:0;align-items:center}
 .uapp-hero h1{font-size:28px;line-height:1.08;margin:10px 0 8px}.uapp-hero p{font-size:12px;line-height:1.5;margin-bottom:10px}.uapp-eyebrow{font-size:9px;letter-spacing:0;white-space:nowrap}.uapp-hero-image{width:125px;height:145px;max-width:100%;object-fit:contain;margin:0;align-self:center}.uapp-hero-link{font-size:10px;min-height:35px;padding:8px 11px;gap:12px;border-radius:9px}.uapp-hero-note{bottom:13px;left:18px;font-size:9px}
 .uapp-launcher{margin-top:14px;padding:18px;border-radius:18px;scroll-margin-top:76px}.uapp-launcher .launcher-title .eyebrow{display:none}.uapp-launcher .launcher-title h2{font-size:20px;margin:0 0 15px;line-height:1.25}.uapp-launcher .launcher-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.uapp-launcher .launcher-fields label span{font-size:11px;color:#6c7e93;margin-bottom:6px}.uapp-launcher .launcher-fields select{font-size:14px;min-height:47px;padding:10px 9px}.uapp-launcher .launcher-fields .button{grid-column:1/-1;min-height:46px;font-size:13px;justify-content:space-between;padding:12px 15px;border-radius:12px}.uapp-launcher .launcher-hint{font-size:10px;line-height:1.5;margin-top:10px}
 .uapp-shortcuts{gap:8px;margin:12px 0 22px}.uapp-shortcuts a{flex-direction:column;justify-content:center;gap:7px;padding:10px 4px;min-height:80px;border-radius:15px;font-size:10px;white-space:nowrap}.uapp-shortcut-icon{width:30px;height:30px;border-radius:10px}.uapp-shortcut-icon svg{width:18px;height:18px}.uapp-shortcut-arrow{display:none}
 .uapp .hub-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:18px 0;padding:16px 0;background:#eef3fa;border-radius:15px}.uapp .hub-stats .stat-card{padding:0 3px;border:0;border-right:1px solid #dce5f0;border-radius:0;background:transparent;display:block;min-width:0;text-align:center}.uapp .hub-stats .stat-card:last-child{border-right:0}.uapp .stat-card b{font-size:16px}.uapp .stat-card span{font-size:8px;line-height:1.3;display:block;margin-top:5px}.uapp .study-flow{display:none}
 .uapp .hub-heading{margin:24px 0 13px;gap:8px}.uapp .hub-heading h2{font-size:20px}.uapp .hub-heading p{font-size:12px;line-height:1.6}.uapp .grade-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.uapp .grade-choice{border-radius:14px;padding:12px 5px}.uapp .grade-choice b{font-size:23px}.uapp .grade-choice span{font-size:9px}.uapp .section{padding-top:24px;padding-bottom:10px}
 .uapp .uapp-catalog-header.page-hero{padding:0;margin:4px 0 18px;border:0}.uapp .uapp-catalog-header.page-hero h1{font-size:27px;line-height:1.17;margin:6px 0 8px;letter-spacing:-.035em;text-wrap:initial}.uapp .uapp-catalog-header.page-hero .intro{font-size:12px;line-height:1.5;max-width:100%}.uapp .uapp-catalog-header .eyebrow{font-size:9px}
 .uapp .uapp-catalog-filters.filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;margin:0 0 14px}.uapp .uapp-search{width:100%}.uapp .uapp-search input{height:46px;min-height:46px;font-size:14px;padding-left:38px;border-radius:12px}.uapp .uapp-search svg{left:12px;top:14px;width:18px;height:18px}.uapp .uapp-kind-filter{max-width:132px;padding:0 11px;border-radius:12px}.uapp .uapp-kind-filter summary{font-size:10px;min-height:44px;gap:5px}.uapp .uapp-kind-filter select{max-width:108px;font-size:12px}
 .uapp[data-page=catalog] .grade-pills{display:flex;flex-wrap:nowrap;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 5px;scroll-padding-inline:16px;overscroll-behavior-inline:contain}.uapp[data-page=catalog] .grade-pills::-webkit-scrollbar{display:none}.uapp[data-page=catalog] .grade-pills .pill{flex:none;white-space:nowrap;border-radius:11px;font-size:11px;min-height:40px;padding:9px 14px;background:#fff;border-color:#dfe7f1}.uapp[data-page=catalog] .grade-pills .pill[aria-pressed=true]{background:#005bd7;color:#fff;border-color:#005bd7;box-shadow:0 3px 8px #005bd718}
 .uapp #result-count{font-size:11px;margin:13px 0 10px;color:#74849a}.uapp .course-grid{display:grid;grid-template-columns:1fr;gap:10px}.uapp .course-card{min-height:0;padding:16px 17px;border-radius:16px;border:1px solid #e0e8f2;background:#fff;box-shadow:0 2px 10px #193b6503}.uapp .course-card .course-top{gap:6px;margin:0 0 7px}.uapp .course-top .badge{font-size:9px;padding:4px 6px;line-height:1.2}.uapp .course-card h3{font-size:19px;margin:0 0 5px;line-height:1.2}.uapp .course-card p{font-size:11px;line-height:1.5;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.uapp .course-card .card-bottom{font-size:10px;padding-top:9px;margin:0;border-top:1px solid #edf1f7;color:#6b7e96}.uapp .course-card .card-bottom>span:last-child{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#edf4ff;color:#005bd7;font-size:14px}
 .uapp .course-spotlight{padding:20px;border-radius:19px;margin:0}.uapp .course-spotlight h1{font-size:25px;line-height:1.18;margin:9px 0}.uapp .course-spotlight .intro{font-size:12px;line-height:1.55;margin:9px 0 14px}.uapp .course-spotlight .eyebrow{font-size:9px}.uapp .course-spotlight .course-launch .button{min-height:44px;font-size:12px;padding:11px 14px;border-radius:11px}.uapp .course-launch{gap:10px}.uapp .course-launch>span{font-size:9px}.uapp .course-other{font-size:10px}.uapp .course-spotlight>.actions{margin-top:12px}.uapp .course-spotlight .badge{font-size:9px;padding:4px 7px}.uapp .course-spotlight .actions .small.muted{font-size:10px}.uapp .practice-section{scroll-margin-top:74px;padding-top:22px}.uapp .practice-section h2{font-size:23px}.uapp .practice-section>p{font-size:12px}.uapp .practice-advanced{margin-bottom:10px}.uapp .practice-advanced summary{font-size:11px}.uapp .practice-toolbar{margin:12px 0}.uapp .practice-levels button{min-height:40px;font-size:11px}.uapp .form-card.practice-card{padding:18px;border-radius:17px}.uapp .practice-card h3{font-size:21px;margin-top:13px}.uapp .practice-card .practice-description{font-size:12px}.uapp .practice-card .practice-start{min-height:46px;font-size:13px}.uapp .practice-secondary a{font-size:11px;min-height:33px}.uapp .practice-meta{font-size:11px;margin-bottom:15px}
 .uapp .site-footer{padding-bottom:28px}.uapp .app-footer .wrap{width:calc(100% - 32px)}
 .uapp :is(.bottom-link,.uapp-shortcuts a,.grade-choice,.course-card,.practice-start):active{transform:scale(.985)}
}
@media(max-width:359px){.uapp .app-top{padding:0 12px}.uapp .app-top .mobile-logo{width:105px}.uapp .coin-chip{display:none}.uapp .hub-wrap,.uapp main>.wrap{width:calc(100% - 24px)}.uapp-hero{padding:18px 15px 32px;grid-template-columns:minmax(0,1fr) 105px}.uapp-hero h1{font-size:27px}.uapp-hero-image{width:112px;height:150px}.uapp-hero-note{font-size:8px;left:15px}.uapp-launcher{padding:15px}.uapp .uapp-search input{font-size:13px}.uapp .uapp-kind-filter summary{font-size:9px}.uapp .uapp-kind-filter{padding:0 8px}.uapp-shortcuts a{font-size:9px}}
@media(prefers-reduced-motion:reduce){.uapp *{scroll-behavior:auto}.uapp :is(.bottom-link,.uapp-shortcuts a,.grade-choice,.course-card,.practice-start):active{transform:none}}
@media print{.uapp-hero-image,.uapp-shortcuts{display:none}.uapp-hero{background:#fff;color:#10233f}.uapp-hero h1,.uapp-hero p{color:#10233f}}

@media(max-width:359px){.uapp .hub-stats .stat-card:last-child b{font-size:13px}}

@media(max-width:800px){.uapp .course-layout{display:block;min-width:0}.uapp .course-layout>div{min-width:0;max-width:100%}.uapp .course-spotlight .course-jumps{display:none}.uapp .practice-levels{min-width:0;grid-template-columns:repeat(4,minmax(0,1fr))}.uapp .practice-section,.uapp .form-grid{min-width:0;max-width:100%}}
