/* Adnan Academy: shared public and learning interface. */
:root,html[data-academy-theme="light"] {
  color-scheme:light;--ux-bg:#f6f8f5;--ux-panel:#fff;--ux-soft:#edf3ed;--ux-ink:#20362e;--ux-muted:#65746c;--ux-line:#dfe7df;
  --ux-green:#166747;--ux-green-hover:#105137;--ux-tint:#e5f1e7;--ux-lime:#d9ebaf;--ux-gold:#aa7024;--ux-radius:18px;--ux-shadow:0 8px 28px #223c2b08;
  --aa-bg:var(--ux-bg);--aa-page-bg:var(--ux-bg);--aa-surface:var(--ux-panel);--aa-card:var(--ux-panel);--aa-card-strong:var(--ux-panel);--aa-text:var(--ux-ink);--aa-muted:var(--ux-muted);--aa-border:var(--ux-line);--aa-border-strong:#bdcfc1;--aa-primary:var(--ux-green);--aa-primary-strong:var(--ux-green-hover);--aa-accent:var(--ux-green);--aa-shadow:var(--ux-shadow);--aa-radius:18px;--aa-radius-lg:24px;--aa-navbar-height:80px;--aa-topbar-height:0px;--aa-header-total-height:80px;--aa-page-gap:28px;
  --brand:var(--ux-green);--text:var(--ux-ink);--muted:var(--ux-muted);--border:var(--ux-line);--card:var(--ux-panel);--bg:var(--ux-bg);--sidebar-w:254px;--topbar-h:76px;--bs-primary:var(--ux-green);--bs-primary-rgb:22,103,71;--bs-body-font-family:'Tajawal',sans-serif;
}
html[data-academy-theme="dark"] {
  color-scheme:dark;--ux-bg:#111419;--ux-panel:#1c2129;--ux-soft:#252c36;--ux-ink:#edf1f7;--ux-muted:#afb9c8;--ux-line:#394452;--ux-green:#8bcca8;--ux-green-hover:#a8ddbd;--ux-tint:#243a32;--ux-lime:#bad6a1;--ux-gold:#e5ba78;--ux-shadow:0 8px 24px #00000018;
  --aa-bg:var(--ux-bg);--aa-page-bg:var(--ux-bg);--aa-surface:var(--ux-panel);--aa-card:var(--ux-panel);--aa-card-strong:var(--ux-panel);--aa-text:var(--ux-ink);--aa-muted:var(--ux-muted);--aa-border:var(--ux-line);--aa-border-strong:#566477;--aa-primary:var(--ux-green);--aa-primary-strong:var(--ux-green-hover);--aa-accent:var(--ux-green);--aa-shadow:var(--ux-shadow);
  --brand:var(--ux-green);--text:var(--ux-ink);--muted:var(--ux-muted);--border:var(--ux-line);--card:var(--ux-panel);--bg:var(--ux-bg);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:'Tajawal',sans-serif;font-size:16px;line-height:1.7;color:var(--ux-ink);background:var(--ux-bg);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:inherit;color:var(--ux-ink);font-weight:800;line-height:1.4}h1,h2{text-wrap:balance}p{color:var(--ux-muted);margin:0 0 1rem}a{color:var(--ux-green);text-decoration:none}a:hover{color:var(--ux-green-hover)}img{max-width:100%}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--ux-green)!important;outline-offset:4px!important;box-shadow:none!important}[hidden]{display:none!important}svg{vertical-align:middle}.ux-sprite{position:absolute;width:0;height:0;overflow:hidden}
:where(.ux-inline,.ux-button,.ux-icon-button,.ux-brand,.ux-kicker,.ux-text-link,.ux-workbar-site,.ux-student-nav,.ux-feature-icon,.ux-search,.ux-mini-icon,.ux-course-meta) svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ux-container{width:min(1180px,calc(100% - 56px));margin-inline:auto}.ux-skip{position:fixed;top:8px;right:12px;z-index:10000;padding:12px 22px;border-radius:10px;background:var(--ux-green);color:var(--ux-panel);transform:translateY(-160%)}.ux-skip:focus{transform:none;color:var(--ux-panel)}.ux-site-main{min-height:55vh}.ux-inline{display:flex;align-items:center;gap:12px;min-width:0}.ux-stack{display:grid;gap:20px}.ux-mobile-only,.ux-nav-mobile-link{display:none}
.ux-header{position:sticky;top:0;z-index:1050;border-bottom:1px solid var(--ux-line);background:var(--ux-panel)}.ux-header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}.ux-brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;color:var(--ux-ink)}.ux-brand img{object-fit:contain}.ux-brand strong{display:block;font-size:20px;font-weight:800;line-height:1.3}.ux-brand small{display:block;font-size:10px;letter-spacing:1.8px;color:var(--ux-muted);line-height:1.7}.ux-brand small:not([lang]){letter-spacing:0;font-size:12px}.ux-public-nav{display:flex;align-items:center;gap:24px}.ux-public-nav>a{color:var(--ux-muted);font-weight:700;font-size:15px;position:relative;padding-block:27px 23px;white-space:nowrap}.ux-public-nav>a:hover,.ux-public-nav>a[aria-current]{color:var(--ux-green)}.ux-public-nav>a[aria-current]:after{content:'';height:3px;border-radius:4px;background:var(--ux-green);position:absolute;bottom:0;right:0;left:0}.ux-header-actions{display:flex;align-items:center;gap:12px}.ux-login-link{padding:10px 4px;font-weight:700;color:var(--ux-ink)}
.ux-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:11px 21px;border:1px solid var(--ux-line);border-radius:10px;font-weight:700;line-height:1.5;background:var(--ux-panel);color:var(--ux-ink);transition:background .18s,border-color .18s,transform .18s}.ux-button:hover{background:var(--ux-soft);color:var(--ux-ink);border-color:#aabdac}.ux-button-primary{background:var(--ux-green);color:var(--ux-panel);border-color:var(--ux-green)}.ux-button-primary:hover{background:var(--ux-green-hover);color:var(--ux-panel)}.ux-button-lime{background:var(--ux-lime);color:#234130;border-color:var(--ux-lime)}.ux-button-small{min-height:42px;padding:8px 14px;font-size:14px}.ux-button-plain{background:transparent;border-color:transparent}.ux-icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ux-ink);flex-shrink:0}.ux-icon-button:hover{background:var(--ux-soft);color:var(--ux-green)}.ux-text-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;min-height:44px}.ux-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--ux-green);font-size:14px;font-weight:700;margin-bottom:14px}.ux-kicker:before{content:'';width:7px;height:7px;background:currentColor;border-radius:50%}
.ux-section{padding-block:72px}.ux-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.ux-section-head h2{font-size:32px;margin:0 0 8px}.ux-section-head p{margin:0;max-width:620px}.ux-panel{background:var(--ux-panel);border:1px solid var(--ux-line);border-radius:var(--ux-radius);padding:28px;box-shadow:var(--ux-shadow)}.ux-soft-section{background:var(--ux-soft)}.ux-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ux-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ux-muted{color:var(--ux-muted)}
.ux-hero{padding-block:64px 54px;position:relative}.ux-hero-grid{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:64px}.ux-hero h1{font-size:clamp(38px,4.3vw,62px);line-height:1.28;letter-spacing:-1.4px;margin:4px 0 22px}.ux-hero h1 em{font-style:normal;color:var(--ux-green);position:relative}.ux-hero-copy{font-size:19px;line-height:1.95;max-width:500px}.ux-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.ux-hero-caption{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:13px;color:var(--ux-muted)}.ux-hero-caption span+span{border-inline-start:1px solid var(--ux-line);padding-inline-start:12px}
.ux-study-preview{position:relative;padding:28px 24px 22px;border-radius:28px;background:#e8eee1;border:1px solid #d7e2d0;transform:rotate(-1.5deg);margin:15px 6px 25px}.ux-preview-top{display:flex;align-items:center;justify-content:space-between;color:#506050;font-size:12px;margin-bottom:15px}.ux-preview-top>span{display:inline-flex;gap:5px}.ux-preview-top i{width:6px;height:6px;background:#b4c3ab;border-radius:100%}.ux-preview-inner{background:#fff;border:1px solid #dce5d7;border-radius:17px;padding:24px;box-shadow:0 12px 22px #1f402809}.ux-preview-label{font-size:12px;color:#65746c;margin-bottom:6px}.ux-preview-inner h2{font-size:21px;color:#20362e;margin-bottom:18px}.ux-preview-lesson{display:flex;align-items:center;gap:12px;border-top:1px solid #e9eee7;padding:14px 0;color:#324739;font-size:14px}.ux-preview-lesson>span:last-child{margin-inline-start:auto;font-size:12px;color:#778475}.ux-mini-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dce6d8;border-radius:11px;color:#54764c;background:#f1f7ed;flex-shrink:0}.ux-preview-lesson.current{border:1px solid #b4d4b6;background:#f0f7ee;border-radius:12px;padding:13px 10px;margin-inline:-10px}.ux-preview-lesson.current .ux-mini-icon{color:#fff;background:#216443;border-color:#216443}.ux-preview-progress{height:7px;border-radius:99px;background:#e8eee4;margin:10px 0}.ux-preview-progress span{display:block;width:67%;height:100%;border-radius:inherit;background:#80aa69}.ux-preview-note{margin-top:12px;display:flex;justify-content:space-between;color:#65746c;font-size:12px}.ux-preview-float{position:absolute;bottom:-24px;inset-inline-start:-22px;padding:13px 20px;border:1px solid #dce6d6;border-radius:14px;background:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 12px 32px #223c2b0c;transform:rotate(1.5deg);color:#20362e}.ux-preview-float strong{display:block;font-size:15px}.ux-preview-float small{display:block;color:#65746c;font-size:12px}.ux-preview-tag{position:absolute;top:-16px;inset-inline-end:22px;background:#dbeab8;color:#3d562a;border:1px solid #ccdfa3;border-radius:8px;padding:8px 14px;font-weight:700;font-size:13px;transform:rotate(4deg)}
.ux-benefit-strip{border-top:1px solid var(--ux-line);border-bottom:1px solid var(--ux-line);padding-block:24px;background:var(--ux-panel)}.ux-benefit-strip .ux-container{display:flex;align-items:center;justify-content:space-between;gap:22px}.ux-benefit-strip .ux-inline{font-size:15px;font-weight:700}.ux-benefit-strip svg{color:var(--ux-green)}.ux-grade-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:28px 0 34px}.ux-grade-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--ux-line);border-radius:14px;background:var(--ux-panel);padding:18px 16px;color:var(--ux-ink);font-weight:700;transition:border-color .2s,background .2s}.ux-grade-link:hover{background:var(--ux-tint);border-color:var(--ux-green)}.ux-grade-link span:last-child{font-size:22px;color:var(--ux-green)}
.ux-course-card{display:flex;flex-direction:column;border:1px solid var(--ux-line);border-radius:18px;overflow:hidden;background:var(--ux-panel);min-width:0;transition:border-color .2s,box-shadow .2s}.ux-course-card:hover{border-color:#afc6b2;box-shadow:0 12px 28px #223c2b0b}.ux-course-cover{display:block;position:relative;aspect-ratio:1.9;background:var(--ux-soft);overflow:hidden}.ux-course-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.ux-course-card:hover .ux-course-cover img{transform:scale(1.025)}.ux-course-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ux-tint),var(--ux-soft));color:var(--ux-green);font-family:Georgia,serif;font-size:62px}.ux-course-state{position:absolute;top:14px;inset-inline-start:14px;padding:4px 10px;background:#fff;color:#29523a;font-size:12px;font-weight:700;border-radius:6px;box-shadow:0 2px 6px #0001}.ux-course-body{padding:22px;display:flex;flex-direction:column;gap:11px;flex:1}.ux-course-body h2,.ux-course-body h3{font-size:20px;margin:0;line-height:1.5}.ux-course-body h2 a,.ux-course-body h3 a{color:var(--ux-ink)}.ux-course-body>p{font-size:14px;line-height:1.8;margin:0}.ux-course-label{font-size:12px;color:var(--ux-muted)}.ux-course-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--ux-muted);padding-top:6px}.ux-course-meta svg{width:15px;height:15px}.ux-course-bottom{border-top:1px solid var(--ux-line);padding-top:16px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.ux-course-bottom .ux-text-link{font-size:14px;min-height:36px}.ux-price{color:var(--ux-ink);font-size:19px;font-weight:800}.ux-price small{font-size:12px;color:var(--ux-muted);font-weight:500}.ux-feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--ux-tint);color:var(--ux-green);margin-bottom:18px}.ux-feature h3{font-size:21px;margin-bottom:10px}.ux-feature p{font-size:15px;margin:0}.ux-feature{padding:28px}.ux-steps{counter-reset:steps;display:grid;gap:24px}.ux-step{display:flex;gap:17px}.ux-step:before{counter-increment:steps;content:'0' counter(steps);color:var(--ux-green);font-size:18px;font-weight:800;width:40px;flex-shrink:0;border-top:2px solid var(--ux-line);padding-top:7px}.ux-step h3{font-size:20px;margin:0 0 4px}.ux-step p{font-size:15px;margin:0}.ux-parent-panel{padding:38px;background:var(--ux-tint);border-radius:24px}.ux-parent-panel h2{font-size:30px}.ux-parent-panel p{line-height:1.9}.ux-check-list{padding:0;list-style:none;display:grid;gap:12px}.ux-check-list li{display:flex;align-items:center;gap:10px}.ux-check-list li:before{content:'✓';color:var(--ux-green);font-weight:800}.ux-cta{border-radius:24px;padding:40px 44px;background:#214e37;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}.ux-cta h2{color:#fff;font-size:30px;margin:0 0 8px}.ux-cta p{color:#d0e0d3;margin:0}.ux-cta .ux-button{flex-shrink:0}
.ux-footer{background:var(--ux-panel);border-top:1px solid var(--ux-line);padding:50px 0 0}.ux-footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1.1fr;gap:36px}.ux-footer h2{font-size:16px;margin:8px 0 16px}.ux-footer-grid>div>a:not(.ux-brand){display:block;padding-block:5px;color:var(--ux-muted);font-size:14px;overflow-wrap:anywhere}.ux-footer-grid>div>a:hover{color:var(--ux-green)}.ux-footer p{font-size:14px;margin-top:18px}.ux-footer-bottom{margin-top:40px;border-top:1px solid var(--ux-line);padding-block:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;color:var(--ux-muted)}.ux-footer-bottom>div{display:flex;gap:22px}.ux-footer-bottom a{color:var(--ux-muted)}
.ux-student-nav{width:254px;position:fixed;inset-block:0;inset-inline-start:0;background:var(--ux-panel);border-inline-end:1px solid var(--ux-line);z-index:1100;display:flex;flex-direction:column;padding:24px 16px 16px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.ux-nav-brand-row{display:flex;align-items:center;justify-content:space-between;padding:0 7px 20px}.ux-student-nav .ux-brand strong{font-size:19px}.ux-student-nav nav{flex:1}.ux-nav-caption{display:block;color:var(--ux-muted);font-size:11px;margin:18px 12px 7px}.ux-student-nav nav>a,.ux-nav-bottom>a{display:flex;gap:12px;align-items:center;min-height:43px;padding:9px 12px;margin-block:3px;border-radius:9px;color:var(--ux-muted);font-size:14px;font-weight:500}.ux-student-nav a[aria-current],.ux-student-nav nav>a:hover,.ux-nav-bottom>a:hover{background:var(--ux-tint);color:var(--ux-green)}.ux-student-nav a[aria-current]{font-weight:700}.ux-student-nav svg{width:19px;height:19px}.ux-nav-tag{margin-inline-start:auto;border:1px solid var(--ux-line);border-radius:5px;font-size:10px;padding:0 5px;line-height:1.7}.ux-nav-bottom{border-top:1px solid var(--ux-line);margin-top:20px;padding-top:12px}.ux-workspace{margin-inline-start:254px;min-height:100vh;display:flex;flex-direction:column;min-width:0}.ux-workbar{height:76px;position:sticky;top:0;z-index:1040;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-inline:32px;background:var(--ux-panel);border-bottom:1px solid var(--ux-line)}.ux-workbar-label{color:var(--ux-muted);font-size:14px}.ux-workbar-label>span:first-child{padding:0 12px;color:#a2b2a6}.ux-workbar-label [data-current-page-label]{color:var(--ux-ink);font-weight:700}.ux-workbar-site{display:inline-flex;align-items:center;gap:8px;font-size:13px;margin-inline-end:10px}.ux-workbar-site svg{width:16px;height:16px}.ux-avatar{display:grid;place-items:center;border-radius:50%;background:var(--ux-tint);color:var(--ux-green);width:38px;height:38px;flex-shrink:0;font-size:18px;font-weight:700;border:1px solid var(--ux-line)}.ux-notifications{position:relative}.ux-notifications>span{position:absolute;right:3px;top:2px;min-width:17px;border:2px solid var(--ux-panel);background:#ad4b36;color:#fff;border-radius:99px;font-size:9px;line-height:1.5;text-align:center}.ux-student-main{width:100%;max-width:1500px;margin-inline:auto;padding:32px;flex:1;min-width:0}.ux-work-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--ux-line);margin-inline:32px;padding:18px 0;font-size:12px;color:var(--ux-muted)}.ux-backdrop{position:fixed;inset:0;border:0;border-radius:0;background:#0c241971;z-index:1090}
.ux-page-heading{margin-bottom:28px}.ux-page-heading h1{font-size:32px;line-height:1.5;margin:0 0 6px}.ux-page-heading p{margin:0;font-size:16px}.ux-dashboard-top{display:flex;justify-content:space-between;align-items:center;gap:22px}.ux-date{font-size:13px;border:1px solid var(--ux-line);background:var(--ux-panel);border-radius:9px;padding:8px 14px;color:var(--ux-muted);white-space:nowrap}.ux-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px}.ux-metric{padding:22px;border:1px solid var(--ux-line);border-radius:15px;background:var(--ux-panel)}.ux-metric .ux-inline{justify-content:space-between;color:var(--ux-muted);font-size:14px}.ux-metric .ux-inline svg{color:var(--ux-green)}.ux-metric strong{display:block;font-size:32px;color:var(--ux-ink);font-weight:800;margin-top:8px;line-height:1.5}.ux-metric small{font-size:12px;color:var(--ux-muted)}.ux-resume{padding:30px;border-radius:20px;background:var(--ux-tint);border:1px solid var(--ux-line);display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.ux-resume h2{font-size:25px;margin:3px 0 8px}.ux-resume p{font-size:15px;margin-bottom:20px;max-width:620px}.ux-resume .ux-button{flex-shrink:0}.ux-progress{height:7px;border-radius:99px;overflow:hidden;background:var(--ux-line)}.ux-progress>span{display:block;background:var(--ux-green);height:100%;border-radius:inherit}.ux-dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:24px}.ux-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.ux-panel-heading h2{font-size:20px;margin:0}.ux-panel-heading a{font-size:13px}.ux-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ux-action-tile{border:1px solid var(--ux-line);border-radius:13px;padding:18px;display:block;color:var(--ux-ink);background:var(--ux-panel)}.ux-action-tile:hover{background:var(--ux-soft);color:var(--ux-ink)}.ux-action-tile .ux-feature-icon{width:38px;height:38px;margin-bottom:12px}.ux-action-tile h3{font-size:16px;margin-bottom:4px}.ux-action-tile p{font-size:12px;margin:0}.ux-activity-list{list-style:none;margin:0;padding:0}.ux-activity-list li+li{border-top:1px solid var(--ux-line)}.ux-activity-list a{display:block;padding:14px 0;color:var(--ux-ink)}.ux-activity-list strong{display:block;font-size:14px}.ux-activity-list small,.ux-activity-list time{display:block;font-size:12px;color:var(--ux-muted)}.ux-empty{padding:35px 24px;text-align:center;border:1px dashed var(--ux-line);border-radius:14px;background:var(--ux-soft);color:var(--ux-muted)}.ux-empty h2,.ux-empty h3{font-size:20px}.ux-empty p{font-size:14px}.ux-empty .ux-feature-icon{margin-inline:auto}.ux-bars{display:flex;align-items:end;gap:14px;height:140px;margin-top:24px}.ux-day{flex:1;text-align:center;min-width:0;color:var(--ux-muted);font-size:11px}.ux-day-bar{height:110px;display:flex;align-items:end;justify-content:center;border-bottom:1px solid var(--ux-line)}.ux-day-bar span{display:block;background:var(--ux-green);width:min(100%,28px);min-height:3px;border-radius:6px 6px 0 0}.ux-day>span{display:block;margin-top:8px}
.ux-page{padding-block:46px 64px}.ux-breadcrumb{display:flex;gap:10px;font-size:13px;color:var(--ux-muted);margin-bottom:22px;flex-wrap:wrap}.ux-search{display:flex;align-items:center;gap:10px;padding:4px 14px;border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-panel);min-width:230px;color:var(--ux-muted)}.ux-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:9px 0;min-width:0;width:100%;color:var(--ux-ink)}.ux-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--ux-panel);border:1px solid var(--ux-line);border-radius:14px;padding:14px;margin-bottom:24px}.ux-toolbar .ux-search{flex:1}.ux-toolbar select{min-width:160px;flex:0 1 auto}.ux-results-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:14px;color:var(--ux-muted)}.ux-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.ux-tabs a,.ux-tabs button{border:1px solid var(--ux-line);border-radius:9px;padding:9px 17px;min-height:44px;background:var(--ux-panel);color:var(--ux-muted);font-weight:700;font-size:14px}.ux-tabs [aria-current],.ux-tabs [aria-pressed=true]{background:var(--ux-green);border-color:var(--ux-green);color:var(--ux-panel)}
.ux-auth{padding:50px 0 65px}.ux-auth-layout{width:min(1000px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.ux-auth-story{padding:38px;background:var(--ux-tint);border-radius:24px}.ux-auth-story h2{font-size:36px;line-height:1.5;margin:18px 0}.ux-auth-story p{font-size:17px}.ux-auth-story img{width:75px;height:75px;object-fit:contain;margin-bottom:12px}.ux-auth-story .ux-check-list{font-size:15px;margin-top:24px}.ux-auth-form{padding-block:25px}.ux-auth-form h1{font-size:32px;margin:0 0 8px}.ux-auth-form>p{margin-bottom:24px}.ux-auth-form form{display:grid;gap:17px}.ux-field label{display:block;font-size:15px;font-weight:700;margin-bottom:7px}.ux-field input:not([type=checkbox]):not([type=radio]),.ux-field select,.ux-field textarea{width:100%;min-width:0}.ux-field small,.ux-field .helptext{display:block;font-size:12px;line-height:1.7;color:var(--ux-muted);margin-top:6px}.ux-field ul{padding-inline-start:20px;margin:6px 0;font-size:12px;color:var(--ux-muted)}.ux-field .errorlist{color:#a43830}.ux-error{color:#a43830;font-size:13px;margin-top:6px}.ux-password{position:relative}.ux-password input{padding-inline-end:65px!important}.ux-password button{position:absolute;inset-inline-end:5px;top:3px;min-width:53px;height:42px;border:0;background:transparent;font-size:12px;color:var(--ux-green);border-radius:7px}.ux-form-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px}.ux-form-row label{display:flex;align-items:center;gap:8px}.ux-auth-bottom{border-top:1px solid var(--ux-line);padding-top:22px;margin-top:24px;font-size:14px}.ux-form-status{font-size:13px;color:var(--ux-green)}.ux-legal{max-width:820px;margin:auto}.ux-faq details{border:1px solid var(--ux-line);border-radius:14px;background:var(--ux-panel);padding:0 22px;margin-bottom:12px}.ux-faq summary{font-weight:700;padding:19px 0;cursor:pointer;color:var(--ux-ink);list-style-position:inside}.ux-faq details p{padding:0 0 20px;margin:0;font-size:15px}.ux-contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:30px}.ux-contact-card{padding:26px;border-radius:16px;border:1px solid var(--ux-line);background:var(--ux-panel);margin-bottom:16px}.ux-contact-card h2{font-size:19px}.ux-contact-card p{font-size:14px}.ux-notice{padding:15px 18px;margin-block:15px;border-radius:12px;border:1px solid var(--ux-line);background:var(--ux-tint);color:var(--ux-ink);font-size:15px}.ux-notice-error{background:#fff1ec;border-color:#efc5b8;color:#963625}.ux-messages{padding-top:10px}.ux-form-sending{opacity:.75}
/* Foundation for retained functional components; no legacy site or admin shell. */
.ux-student .content-wrapper,.ux-student .page-wrapper{margin:0!important;padding:0!important;min-height:0!important;width:100%!important;max-width:100%!important;background:transparent!important}.ux-student .container-full,.ux-student .content{padding:0!important;margin:0!important;max-width:100%}.ux-student .content-wrapper>.container-full>.content{padding:0!important}.ux-student .box{border:1px solid var(--ux-line);border-radius:18px;padding:24px;background:var(--ux-panel);margin-bottom:24px}.ux-student .box-body{padding:20px}.ux-student .box-header{padding-bottom:15px}.ux-student .box-title{font-size:21px}.ux-student .table-responsive{overflow-x:auto}.ux-student .table{color:var(--ux-ink)}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=color]),select,textarea,.form-control,.form-select{min-height:46px;border:1px solid var(--ux-line);border-radius:10px;padding:10px 13px;background:var(--ux-panel);color:var(--ux-ink);font-size:16px;max-width:100%}input[type=email],input[type=tel],input[type=password]{direction:ltr;text-align:start}textarea{resize:vertical}input[type=checkbox],input[type=radio]{accent-color:var(--ux-green);width:18px;height:18px;vertical-align:middle}.form-control:focus,.form-select:focus{border-color:var(--ux-green);background:var(--ux-panel);color:var(--ux-ink)}.text-muted{color:var(--ux-muted)!important}.btn{min-height:44px;border-radius:10px;font-weight:700}.btn-primary,.btn-brand{background:var(--ux-green);border-color:var(--ux-green);color:var(--ux-panel)}.btn-primary:hover,.btn-brand:hover{background:var(--ux-green-hover);border-color:var(--ux-green-hover);color:var(--ux-panel)}.btn-outline-primary{color:var(--ux-green);border-color:var(--ux-green)}.card,.modal-content{color:var(--ux-ink);background:var(--ux-panel);border-color:var(--ux-line)}.modal-header,.modal-footer{border-color:var(--ux-line)}.modal-title{font-size:21px}.modal-backdrop{z-index:1190}.modal{z-index:1200}.table>:not(caption)>*>*{background:transparent;color:inherit;border-color:var(--ux-line)}.accordion-item,.accordion-button{background:var(--ux-panel);color:var(--ux-ink);border-color:var(--ux-line)}.accordion-button:not(.collapsed){background:var(--ux-tint);color:var(--ux-green)}.accordion-button:after{margin-left:0;margin-inline-start:auto}.form-check{padding-left:0;padding-inline-start:1.5em}.form-check .form-check-input{float:right;margin-left:0;margin-inline-start:-1.5em}.input-group{direction:rtl}.nav-tabs{border-color:var(--ux-line)}.bg-white{background:var(--ux-panel)!important}.shadow-lg{box-shadow:var(--ux-shadow)!important}.list-unstyled{padding-right:0}.mb-15{margin-bottom:15px}.mt-15{margin-top:15px}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}.p-15{padding:15px}.p-20{padding:20px}.mb-30{margin-bottom:30px}.default-padding{padding-block:60px}.default-padding-top{padding-top:60px}.default-padding-bottom{padding-bottom:60px}.text-end{text-align:end!important}.text-start{text-align:start!important}.ux-student .row{--bs-gutter-y:20px}
@media(min-width:992px){.ux-icon-button.ux-mobile-only{display:none}}
@media(min-width:1500px){.ux-student-main{padding:40px 46px}}
@media(max-width:1150px){.ux-header-inner{gap:18px}.ux-public-nav{gap:16px}.ux-brand strong{font-size:18px}.ux-header-cta{padding-inline:13px}.ux-login-link{display:none}.ux-hero-grid{gap:36px}.ux-workbar{padding-inline:24px}.ux-student-main{padding:26px}.ux-grade-list{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-grid-3{gap:16px}}
@media(max-width:991px){.ux-mobile-only{display:inline-flex}.ux-public-nav{display:none;position:absolute;top:100%;inset-inline:0;background:var(--ux-panel);padding:15px 28px;border-bottom:1px solid var(--ux-line);box-shadow:0 18px 24px #102b1710;flex-direction:column;align-items:stretch;gap:2px}.ux-public-nav.is-open{display:flex}.ux-public-nav>a{padding:13px;border-radius:8px}.ux-public-nav>a[aria-current]{background:var(--ux-tint)}.ux-public-nav>a[aria-current]:after{display:none}.ux-nav-mobile-link{display:block}.ux-student-nav{transform:translateX(100%);width:280px;visibility:hidden;transition:transform .2s,visibility .2s}.ux-student-nav.is-open{visibility:visible;transform:none}.ux-workspace{margin-inline-start:0}.ux-hero h1{font-size:44px}.ux-hero-grid{gap:28px}.ux-benefit-strip .ux-container{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ux-footer-grid{grid-template-columns:1.3fr 1fr;gap:26px}.ux-auth-layout{gap:36px}.ux-auth-story{padding:28px}.ux-dashboard-grid{grid-template-columns:1.4fr 1fr}}
@media(max-width:767px){.ux-container{width:calc(100% - 36px)}.ux-header-inner{min-height:72px;gap:12px}.ux-header-actions{gap:4px}.ux-brand strong{font-size:17px}.ux-brand img{width:37px;height:37px}.ux-brand small{font-size:9px;letter-spacing:1px}.ux-header-cta{min-height:42px;padding:8px 12px;font-size:13px}.ux-header-cta svg{display:none}.ux-header .ux-icon-button{width:36px}.ux-hero{padding-block:40px 48px}.ux-hero-grid{grid-template-columns:1fr;gap:36px}.ux-hero h1{font-size:42px;letter-spacing:-.7px;max-width:520px}.ux-hero-copy{font-size:17px}.ux-study-preview{max-width:460px;width:calc(100% - 16px);margin:10px auto 15px;padding:24px 20px}.ux-preview-float{inset-inline-start:-8px}.ux-section{padding-block:46px}.ux-section-head{align-items:start;gap:15px}.ux-section-head h2{font-size:26px}.ux-section-head p{font-size:14px}.ux-section-head .ux-text-link{font-size:13px;flex-shrink:0}.ux-grid-3{grid-template-columns:1fr 1fr}.ux-grid-2{grid-template-columns:1fr}.ux-grade-list{gap:10px;margin:20px 0 26px}.ux-grade-link{padding:14px 12px;font-size:13px}.ux-grade-link span:last-child{font-size:19px}.ux-course-body{padding:18px}.ux-course-body h2,.ux-course-body h3{font-size:18px}.ux-course-meta{gap:8px;font-size:11px}.ux-course-bottom{flex-wrap:wrap}.ux-course-bottom .ux-price{font-size:17px}.ux-benefit-strip .ux-inline{font-size:13px;gap:8px}.ux-benefit-strip svg{width:19px;height:19px}.ux-cta{padding:30px;flex-direction:column;align-items:start}.ux-cta h2{font-size:26px}.ux-parent-panel{padding:28px}.ux-footer{padding-top:36px}.ux-footer-grid{gap:24px}.ux-footer-bottom{align-items:start;flex-direction:column;margin-top:24px}.ux-workbar{height:66px;padding-inline:14px}.ux-workbar-label{font-size:12px}.ux-workbar-label>span:first-child{padding:0 6px}.ux-workbar-site{display:none}.ux-workbar .ux-inline{gap:5px}.ux-student-main{padding:24px 18px}.ux-work-footer{margin-inline:18px}.ux-page-heading h1{font-size:26px}.ux-page-heading p{font-size:14px}.ux-dashboard-top{align-items:start}.ux-date{display:none}.ux-metrics{gap:10px}.ux-metric{padding:16px 12px}.ux-metric .ux-inline{font-size:12px}.ux-metric .ux-inline svg{display:none}.ux-metric strong{font-size:26px}.ux-metric small{font-size:11px}.ux-resume{padding:24px;flex-direction:column;align-items:start;gap:10px}.ux-resume h2{font-size:23px}.ux-resume p{font-size:14px}.ux-dashboard-grid{grid-template-columns:1fr}.ux-panel{padding:22px}.ux-auth-layout{grid-template-columns:1fr;max-width:540px;gap:0}.ux-auth-story{display:none}.ux-auth{padding-block:22px 40px}.ux-auth-form{padding-block:14px}.ux-contact-grid{grid-template-columns:1fr}.ux-toolbar{align-items:stretch}.ux-toolbar .ux-search{flex-basis:100%}.ux-toolbar select{flex:1;min-width:125px}.ux-page{padding-block:32px 48px}.ux-student .box{padding:18px}}
@media(max-width:480px){.ux-grid-3{grid-template-columns:1fr}.ux-hero h1{font-size:38px}.ux-course-cover{aspect-ratio:2}.ux-footer-grid{grid-template-columns:1fr 1fr}.ux-footer-grid>div:first-child,.ux-footer-grid>div:last-child{grid-column:1/-1}.ux-brand{gap:6px}.ux-header-inner{gap:6px}.ux-header-cta{font-size:12px;padding-inline:9px}.ux-header .ux-icon-button{width:32px}.ux-section-head{flex-wrap:wrap}.ux-action-grid{gap:10px}.ux-action-tile{padding:15px}.ux-hero-actions{gap:10px}.ux-hero-actions .ux-button{padding-inline:17px}.ux-preview-inner{padding:18px}.ux-preview-lesson{font-size:13px}.ux-workbar-label{max-width:185px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:767px){.ux-dashboard-grid>*{min-width:0}.ux-workbar{gap:8px}.ux-workbar>.ux-inline:first-child{flex:1;min-width:0}.ux-workbar>.ux-inline:last-child{flex-shrink:0}.ux-workbar .ux-icon-button{flex-shrink:0}.ux-workbar-label{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}
@media(max-width:767px){.ux-dashboard-grid .ux-stack{grid-template-columns:minmax(0,1fr)}.ux-dashboard-grid .ux-stack>*{min-width:0}}
@media print{.ux-header,.ux-footer,.ux-student-nav,.ux-workbar,.ux-work-footer,.ux-backdrop{display:none!important}.ux-workspace{margin:0}.ux-student-main{padding:0}body{background:#fff;color:#000}}