/* Dr. Elmancy V10 — client delivery design system */
:root{
  --white:#fff;--bg:#f7fafb;--bg-2:#eef7fa;--surface:#fff;--surface-soft:#f3f8fa;
  --ink:#162a33;--ink-2:#29434f;--muted:#6d7f87;--line:#dde9ed;--line-strong:#cddde2;
  --sky:#38b9e2;--sky-2:#78d8f0;--sky-soft:#e8f8fc;--sky-deep:#118ebc;
  --hero:#12333f;--hero-2:#0c2731;--danger:#d94f61;--success:#1b9c72;--warning:#c98921;
  --shadow-sm:0 8px 30px rgba(22,55,68,.06);--shadow:0 22px 70px rgba(22,55,68,.10);--shadow-lg:0 34px 100px rgba(12,39,49,.16);
  --radius-sm:12px;--radius:20px;--radius-lg:30px;--max:1240px;
  --font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Arabic","Tahoma",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,video,svg{display:block;max-width:100%}main{min-height:65vh}h1,h2,h3,p{overflow-wrap:break-word}::selection{background:var(--sky-soft);color:var(--hero)}
.ui-icon{width:20px;height:20px;flex:0 0 auto}.ui-icon .icon-fill{fill:currentColor;stroke:none}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em}.brand-symbol{width:34px;height:34px;color:var(--hero);flex:0 0 auto}.brand>span{font-size:15px}.site-scroll-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:260;pointer-events:none}.site-scroll-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--sky),var(--sky-2));box-shadow:0 0 18px rgba(56,185,226,.45)}
.section-kicker,.dash-kicker,.form-kicker{display:inline-block;font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;color:var(--sky-deep)}.section-kicker.light{color:#a8e8f7}em{font-style:normal;color:var(--sky-deep)}
.button,.primary-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:13px;padding:0 18px;font-size:12px;font-weight:800;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.button .ui-icon,.primary-btn .ui-icon{width:17px;height:17px}.button:hover,.primary-btn:hover{transform:translateY(-2px)}.button-primary,.primary-btn{background:var(--sky);color:#08222c;box-shadow:0 12px 28px rgba(56,185,226,.18)}.button-primary:hover,.primary-btn:hover{background:#58c9eb;box-shadow:0 18px 38px rgba(56,185,226,.24)}.button-light{background:#fff;color:var(--hero)}.button-ghost{border-color:rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.04)}.button-ghost:hover{background:rgba(255,255,255,.09)}.button-ghost-dark,.button-outline{border-color:var(--line);background:#fff;color:var(--ink)}.button-ghost-dark:hover,.button-outline:hover{border-color:#9fd8e8;background:var(--sky-soft)}.button.full,.primary-btn.full{width:100%}.button.small,.primary-btn.small{min-height:40px;padding:0 14px}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--ink)}.text-link .ui-icon{width:16px;height:16px;transition:transform .2s}.text-link:hover .ui-icon{transform:translateX(3px)}html[dir=rtl] .text-link:hover .ui-icon{transform:translateX(-3px) rotate(180deg)}html[dir=rtl] .text-link .ui-icon,html[dir=rtl] .back-link .ui-icon{transform:rotate(180deg)}

/* Header */
.site-header{position:fixed;z-index:200;top:0;left:0;right:0;height:76px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;background:linear-gradient(to bottom,rgba(8,31,40,.52),transparent);transition:height .28s ease,background .28s ease,box-shadow .28s ease,color .28s ease}.site-header.scrolled{height:66px;color:var(--ink);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(18,51,63,.08)}.site-header .brand-symbol{color:var(--sky)}.desktop-nav{display:flex;align-items:center;gap:30px}.desktop-nav a{position:relative;font-size:12px;font-weight:730;opacity:.78;transition:opacity .2s}.desktop-nav a:hover,.desktop-nav a.active{opacity:1}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-11px;height:2px;background:var(--sky);border-radius:4px;transition:right .25s ease}.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.language-link,.nav-login{height:36px;display:inline-flex;align-items:center;padding:0 9px;font-size:11px;font-weight:800}.nav-cta{height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border-radius:11px;background:#fff;color:var(--hero);font-size:11px;font-weight:850}.site-header.scrolled .nav-cta{background:var(--sky);color:#08222c}.nav-cta .ui-icon{width:15px}.mobile-menu-btn{display:none;width:40px;height:40px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(255,255,255,.05);color:inherit;place-items:center}.site-header.scrolled .mobile-menu-btn{border-color:var(--line);background:#fff}.mobile-menu{position:fixed;inset:0;z-index:250;background:#fff;color:var(--ink);padding:max(20px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.35s cubic-bezier(.2,.8,.2,1)}.mobile-menu.open{opacity:1;visibility:visible;transform:none}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between}.mobile-menu-top button{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center}.mobile-menu nav{margin:auto 0;display:flex;flex-direction:column}.mobile-menu nav a{display:grid;grid-template-columns:38px 1fr;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:clamp(24px,7vw,36px);font-weight:750;letter-spacing:-.04em}.mobile-menu nav a span{font-size:10px;letter-spacing:.1em;color:var(--sky-deep)}.mobile-menu-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:800}.mobile-start{display:inline-flex;align-items:center;gap:9px;padding:12px 14px;border-radius:12px;background:var(--sky-soft)}

/* Page transition and splash */
.page-transition{position:fixed;inset:0;z-index:400;background:#fff;display:grid;place-items:center;pointer-events:none;transform:translateY(102%);transition:transform .48s cubic-bezier(.76,0,.24,1)}.page-transition.active{transform:none}.transition-brand{width:48px;height:48px;color:var(--hero)}.brand-splash{position:fixed;inset:0;z-index:500;background:#fff;display:flex;align-items:center;justify-content:center;gap:14px;transition:opacity .45s ease,visibility .45s ease}.brand-splash.done{opacity:0;visibility:hidden;pointer-events:none}.splash-mark .brand-symbol{width:46px;height:46px}.splash-copy{display:flex;flex-direction:column}.splash-copy strong{font-size:18px;letter-spacing:-.03em}.splash-copy span{font-size:9px;color:var(--muted);margin-top:2px}.splash-ecg{position:absolute;width:min(520px,76vw);height:44px;bottom:22%;opacity:.34}.splash-ecg path{fill:none;stroke:var(--sky);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;animation:splashDraw 1s ease forwards}@keyframes splashDraw{to{stroke-dashoffset:0}}

/* Motion */
.motion-ready [data-reveal]{opacity:0;transition:opacity .65s cubic-bezier(.2,.75,.2,1),transform .8s cubic-bezier(.2,.75,.2,1),clip-path .8s cubic-bezier(.2,.75,.2,1);transition-delay:var(--delay,0ms);will-change:transform,opacity}.motion-ready [data-reveal="up"]{transform:translateY(28px)}.motion-ready [data-reveal="scale"],.motion-ready [data-reveal="card"]{transform:translateY(26px) scale(.975)}.motion-ready [data-reveal="image"]{transform:translateY(30px);clip-path:inset(7% 4% 7% 4% round 24px)}.motion-ready [data-reveal].visible{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 0)}

/* Home hero */
.home-hero{position:relative;min-height:760px;padding:110px 24px 52px;background:linear-gradient(135deg,var(--hero) 0%,#174452 57%,#0f2d38 100%);color:#fff;overflow:hidden}.hero-atmosphere{position:absolute;inset:0;pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,#000,transparent 72%)}.hero-orb{position:absolute;border:1px solid rgba(136,225,244,.14);border-radius:50%;right:9%;top:17%;width:500px;height:500px;animation:orbit 28s linear infinite}.hero-orb-b{width:360px;height:360px;right:14%;top:27%;animation-direction:reverse;animation-duration:21s}.hero-orb:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--sky-2);left:17%;top:8%;box-shadow:0 0 20px rgba(120,216,240,.7)}@keyframes orbit{to{transform:rotate(360deg)}}.hero-ecg{position:absolute;left:0;right:0;top:62%;width:100%;height:90px;opacity:.11}.hero-ecg path{fill:none;stroke:#a9efff;stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1;animation:ecgDraw 4.5s ease-in-out infinite}@keyframes ecgDraw{0%{stroke-dashoffset:1;opacity:.15}55%,100%{stroke-dashoffset:0;opacity:.7}}.hero-shell{position:relative;z-index:2;max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:.92fr 1.08fr;gap:40px;align-items:center;min-height:600px}.hero-copy{max-width:620px}.hero-eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.16em;font-weight:850;color:#afe9f6}.hero-eyebrow span{width:28px;height:1px;background:var(--sky-2)}.hero-copy h1{margin:16px 0 18px;font-size:clamp(46px,5.4vw,76px);line-height:.98;letter-spacing:-.058em;font-weight:760}.hero-copy>p{max-width:520px;margin:0;color:#b9ced5;font-size:15px;line-height:1.75}.hero-actions{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.hero-trust{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:28px;flex-wrap:wrap}.hero-trust span{display:flex;align-items:center;gap:8px;color:#d5e8ed}.hero-trust strong{font-size:20px}.hero-trust small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#92adb6}.hero-trust .ui-icon{width:18px;color:var(--sky-2)}.hero-portrait{position:relative;min-height:590px;display:grid;place-items:end center}.portrait-panel{position:relative;width:min(100%,590px);height:570px;border-radius:40px 40px 0 0;overflow:hidden;background:linear-gradient(155deg,rgba(122,216,236,.15),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.1);border-bottom:0}.portrait-shape{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(78,193,222,.28),rgba(78,193,222,.02) 66%,transparent 68%);left:50%;top:70px;transform:translateX(-50%)}.portrait-panel img{position:absolute;z-index:2;left:50%;bottom:0;transform:translateX(-50%);height:96%;width:auto;max-width:96%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 40px rgba(0,0,0,.22))}.portrait-caption{position:absolute;z-index:3;left:24px;bottom:22px;padding:10px 12px;border-radius:12px;background:rgba(12,39,49,.62);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column}.portrait-caption span{font-size:8px;color:#a4c2cb}.portrait-caption strong{font-size:12px;margin-top:2px}.hero-note{position:absolute;z-index:4;min-width:176px;padding:10px 12px;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 18px 45px rgba(0,0,0,.18);display:flex;align-items:center;gap:10px;animation:softFloat 5s ease-in-out infinite}.hero-note .ui-icon{width:19px;height:19px;color:var(--sky-deep)}.hero-note div{display:flex;flex-direction:column}.hero-note small{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.hero-note strong{font-size:10px;margin-top:2px}.hero-note-a{left:-12px;top:28%;}.hero-note-b{right:-10px;bottom:18%;animation-delay:-2.4s}@keyframes softFloat{50%{transform:translateY(-8px)}}.hero-scroll{position:absolute;z-index:3;left:50%;bottom:20px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#87aab4}.hero-scroll span{position:relative;width:1px;height:26px;background:rgba(255,255,255,.16);overflow:hidden}.hero-scroll span:after{content:"";position:absolute;top:-50%;left:0;width:1px;height:50%;background:var(--sky-2);animation:scrollLine 1.6s ease-in-out infinite}@keyframes scrollLine{to{top:100%}}
.proof-strip{background:#fff;border-bottom:1px solid var(--line)}.proof-strip>div{max-width:var(--max);margin:0 auto;padding:15px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.proof-strip span{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:760;color:var(--ink-2)}.proof-strip .ui-icon{width:16px;color:var(--sky-deep)}

/* Home sections */
.home-section{max-width:var(--max);margin:0 auto;padding:108px 22px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-heading>div{max-width:720px}.section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2{font-size:clamp(40px,4.5vw,66px);line-height:1.01;letter-spacing:-.055em;margin:13px 0 0;font-weight:750}.section-heading>p{max-width:390px;margin:0;font-size:13px;line-height:1.75;color:var(--muted)}.section-heading.narrow>div{max-width:670px}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.featured-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.32s ease;box-shadow:0 1px 0 rgba(20,52,65,.02)}.featured-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#bfe4ef}.featured-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#dceef4}.featured-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.featured-card:hover .featured-media img{transform:scale(1.04)}.featured-media>span{position:absolute;left:13px;top:13px;background:#fff;color:var(--ink);padding:6px 8px;border-radius:8px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.featured-media i{position:absolute;left:-40%;top:-40%;width:20%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:rotate(20deg);transition:left .6s ease}.featured-card:hover .featured-media i{left:120%}.featured-body{padding:18px}.featured-meta{display:flex;justify-content:space-between;gap:8px;color:#79909a;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.featured-body h3{font-size:21px;letter-spacing:-.035em;margin:12px 0 7px}.featured-body p{font-size:11.5px;line-height:1.65;color:var(--muted);margin:0;min-height:56px}.featured-body footer{border-top:1px solid var(--line);margin-top:15px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.featured-body footer strong{font-size:14px}.featured-body footer span{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted);font-weight:800}.featured-body footer .ui-icon{width:14px}.center-link{text-align:center;margin-top:30px}.center-link .text-link{padding:12px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}

.free-lesson-section{position:relative;max-width:1440px;margin:20px auto 0;min-height:740px;padding:100px max(24px,calc((100vw - var(--max))/2 + 22px));display:grid;grid-template-columns:.75fr 1.25fr;gap:64px;align-items:center;overflow:hidden;background:var(--hero);color:#fff}.free-stage-bg{position:absolute;inset:0;background:radial-gradient(circle at 78% 50%,rgba(77,193,220,.18),transparent 34%),linear-gradient(120deg,transparent,rgba(255,255,255,.02));pointer-events:none}.free-stage-copy,.free-stage-media{position:relative;z-index:2}.free-stage-copy h2{font-size:clamp(38px,4.2vw,60px);line-height:1.02;letter-spacing:-.05em;margin:13px 0}.free-stage-copy h2 em{color:var(--sky-2)}.free-stage-copy>p{font-size:13px;line-height:1.75;color:#a9c1c9}.free-points{display:flex;flex-direction:column;gap:9px;margin-top:24px}.free-points span{display:flex;align-items:center;gap:9px;font-size:10px;color:#dcecef}.free-points .ui-icon{width:16px;color:var(--sky-2)}.free-stage-media{transform-origin:center}.video-frame{position:relative;background:#081c24;border-radius:24px;padding:12px;box-shadow:0 30px 100px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.1)}.video-frame video,.free-poster{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0c1f27}.free-poster{position:relative;display:grid;place-items:center}.free-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.poster-play{position:relative;z-index:2;width:70px;height:70px;border-radius:50%;background:#fff;color:var(--hero);display:grid;place-items:center;box-shadow:0 18px 45px rgba(0,0,0,.2);transition:transform .25s}.free-poster:hover .poster-play{transform:scale(1.06)}.poster-play .ui-icon{width:30px;height:30px}.free-poster>strong{position:absolute;z-index:2;bottom:24px;left:24px;color:#fff;font-size:11px}

.learning-flow{padding-top:120px}.flow-stage{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:28px}.flow-line{position:absolute;left:9%;right:9%;top:55px;height:2px;background:#dce9ed;overflow:hidden}.flow-line i{display:block;height:100%;width:0;background:var(--sky);box-shadow:0 0 10px rgba(56,185,226,.35);transition:width .12s linear}.flow-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;min-height:250px;transition:.28s ease}.flow-step.active{border-color:#a9deed;box-shadow:var(--shadow-sm);transform:translateY(-4px)}.flow-index{font-size:9px;font-weight:850;letter-spacing:.1em;color:#91a4ad}.flow-icon{width:46px;height:46px;border-radius:14px;background:var(--sky-soft);color:var(--sky-deep);display:grid;place-items:center;margin:22px 0 30px}.flow-icon .ui-icon{width:21px;height:21px}.flow-step h3{font-size:20px;margin:0 0 8px}.flow-step p{font-size:11px;line-height:1.65;color:var(--muted);margin:0}

.books-section{max-width:1440px;margin:0 auto;background:linear-gradient(180deg,#eef8fa,#f7fafb);padding:110px max(22px,calc((100vw - var(--max))/2 + 22px));overflow:hidden}.books-intro{max-width:720px}.books-intro>p{max-width:500px;color:var(--muted);font-size:13px;line-height:1.75}.book-track{display:flex;gap:30px;margin-top:48px;align-items:flex-start}.book-item{width:210px;flex:0 0 210px}.book-object{position:relative;height:280px;perspective:700px;transition:transform .35s ease}.book-object img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:4px 14px 14px 4px;box-shadow:14px 22px 45px rgba(22,55,68,.14);transform:rotateY(-6deg);transform-origin:left center;transition:transform .4s ease,box-shadow .4s ease}.book-spine{position:absolute;left:0;top:6px;bottom:6px;width:10px;border-radius:3px;background:rgba(12,39,49,.18);z-index:2}.book-object i{position:absolute;inset:0;border-radius:4px 14px 14px 4px;overflow:hidden;pointer-events:none}.book-object i:after{content:"";position:absolute;width:50px;height:120%;left:-90px;top:-10%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:rotate(15deg);transition:left .55s ease}.book-item:hover .book-object{transform:translateY(-8px)}.book-item:hover .book-object img{transform:rotateY(0);box-shadow:12px 30px 55px rgba(22,55,68,.18)}.book-item:hover .book-object i:after{left:120%}.book-copy{padding-top:17px}.book-copy small{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--sky-deep);font-weight:850}.book-copy h3{margin:6px 0;font-size:16px;letter-spacing:-.025em}.book-copy span{font-size:9px;color:var(--muted)}

.platform-values{padding-top:110px;padding-bottom:110px}.values-card{border-radius:28px;background:#fff;border:1px solid var(--line);padding:44px;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;box-shadow:var(--shadow-sm)}.values-copy h2{font-size:clamp(34px,3.7vw,54px);line-height:1.03;letter-spacing:-.05em;margin:12px 0}.values-copy p{color:var(--muted);font-size:12px;line-height:1.75}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.values-grid>span{padding:20px;border-radius:18px;background:var(--surface-soft);border:1px solid #e7f0f3;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}.values-grid .ui-icon{grid-row:1/3;width:40px;height:40px;padding:10px;border-radius:12px;background:#fff;color:var(--sky-deep)}.values-grid strong{font-size:13px}.values-grid small{font-size:9px;color:var(--muted);margin-top:2px}

.instructor-section{max-width:var(--max);margin:0 auto 110px;padding:0 22px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.instructor-photo{position:relative;min-height:620px;border-radius:30px;overflow:hidden;background:linear-gradient(155deg,var(--sky-soft),#dbeef3)}.photo-backdrop{position:absolute;width:430px;height:430px;border-radius:50%;background:rgba(255,255,255,.58);left:50%;top:90px;transform:translateX(-50%)}.instructor-photo img{position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);height:94%;max-width:95%;width:auto;object-fit:contain;filter:drop-shadow(0 25px 35px rgba(22,55,68,.14))}.photo-signature{position:absolute;z-index:3;left:22px;bottom:20px;background:#fff;padding:8px 10px;border-radius:10px;font-size:9px;font-weight:800;box-shadow:var(--shadow-sm)}.instructor-copy>p{max-width:520px;font-size:13px;line-height:1.8;color:var(--muted)}.instructor-principles{display:grid;gap:10px;margin:24px 0}.instructor-principles span{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:10px 0;font-size:12px;font-weight:750}.instructor-principles b{font-size:9px;color:var(--sky-deep);letter-spacing:.08em}

.reviews-section{padding-top:30px}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reviews-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;min-height:230px;display:flex;flex-direction:column}.quote-mark{font-family:Georgia,serif;font-size:42px;line-height:1;color:var(--sky)}.reviews-grid article>p{font-size:12px;line-height:1.75;color:var(--ink-2);flex:1}.reviews-grid footer{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:14px}.reviews-grid footer>span{width:34px;height:34px;border-radius:50%;background:var(--sky-soft);display:grid;place-items:center;font-size:11px;font-weight:850;color:var(--sky-deep)}.reviews-grid footer div{display:flex;flex-direction:column}.reviews-grid footer strong{font-size:10px}.reviews-grid footer small{font-size:8px;color:var(--muted)}

.final-cta{position:relative;max-width:1440px;min-height:530px;margin:0 auto 30px;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,var(--hero),#1b4a59);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:70px max(28px,calc((100vw - var(--max))/2 + 22px)) 0}.cta-lines{position:absolute;inset:0;pointer-events:none;opacity:.12}.cta-lines svg{position:absolute;width:100%;height:120px;top:42%}.cta-lines path{fill:none;stroke:#a5ebf7;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1}.visible .cta-lines path,.final-cta.visible .cta-lines path{animation:ctaDraw 2s ease forwards}@keyframes ctaDraw{to{stroke-dashoffset:0}}.cta-copy{position:relative;z-index:2;padding-bottom:70px}.cta-copy h2 em{color:var(--sky-2)}.cta-copy>p{max-width:500px;color:#b3cbd2;font-size:13px;line-height:1.75}.cta-image{position:relative;align-self:end;height:460px}.cta-image:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:rgba(90,207,232,.11);left:50%;bottom:0;transform:translateX(-50%)}.cta-image img{position:absolute;z-index:2;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;max-width:100%;object-fit:contain}

.footer{max-width:1440px;margin:0 auto;background:#fff;border-top:1px solid var(--line);padding:58px max(22px,calc((100vw - var(--max))/2 + 22px)) 22px}.footer-main{display:grid;grid-template-columns:1.4fr repeat(3,.7fr);gap:38px}.footer-brand p{max-width:360px;font-size:11px;line-height:1.75;color:var(--muted)}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col>strong{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.footer-col a{font-size:10px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.footer-col a:hover{color:var(--sky-deep)}.footer-col .ui-icon{width:12px}.footer-bottom{border-top:1px solid var(--line);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#91a1a8}

/* Public catalog and course page */
.catalog-hero{position:relative;min-height:570px;padding:150px max(24px,calc((100vw - var(--max))/2 + 22px)) 70px;background:#fff;display:grid;grid-template-columns:1fr .65fr;gap:40px;align-items:center;overflow:hidden}.catalog-copy h1{font-size:clamp(52px,6vw,86px);line-height:.94;letter-spacing:-.065em;margin:15px 0}.catalog-copy p{max-width:520px;font-size:13px;line-height:1.75;color:var(--muted)}.catalog-visual{position:relative;min-height:330px}.catalog-visual>span{position:absolute;border:1px solid #c7e7ef;border-radius:50%}.catalog-visual>span:nth-child(1){width:310px;height:310px;right:5%;top:0}.catalog-visual>span:nth-child(2){width:220px;height:220px;right:18%;top:45px}.catalog-visual>span:nth-child(3){width:8px;height:8px;background:var(--sky);right:18%;top:58px;box-shadow:0 0 0 12px var(--sky-soft);animation:softFloat 4s infinite}.catalog-visual svg{position:absolute;right:0;top:110px;width:100%;height:180px}.catalog-visual path{fill:none;stroke:var(--sky);stroke-width:2;opacity:.45;stroke-dasharray:8 8}.catalog-section{max-width:var(--max);margin:0 auto;padding:40px 22px 110px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.catalog-toolbar>span{font-size:9px;color:var(--muted);font-weight:800}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 13px;font-size:9px;font-weight:800}.filter-chip.active{background:var(--hero);border-color:var(--hero);color:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.28s ease}.catalog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b8e2ed}.catalog-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#dcecf2}.catalog-media img{width:100%;height:100%;object-fit:cover;transition:.5s}.catalog-card:hover .catalog-media img{transform:scale(1.035)}.catalog-media>span{position:absolute;top:12px;left:12px;padding:6px 8px;border-radius:8px;background:#fff;font-size:8px;font-weight:800}.catalog-media>b{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;transform:translateY(8px);opacity:0;transition:.25s}.catalog-card:hover .catalog-media>b{opacity:1;transform:none}.catalog-media>b .ui-icon{width:16px}.catalog-body{padding:18px}.catalog-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;text-transform:uppercase;font-weight:800}.catalog-body h2{font-size:20px;margin:11px 0 7px;letter-spacing:-.035em}.catalog-body p{font-size:11px;line-height:1.65;color:var(--muted);min-height:52px}.catalog-body footer{border-top:1px solid var(--line);padding-top:13px;margin-top:13px;display:flex;align-items:baseline;gap:8px}.catalog-body footer strong{font-size:14px}.catalog-body footer del{font-size:9px;color:#a6b2b8}.catalog-body footer span{margin-inline-start:auto;font-size:8px;color:var(--muted)}
.course-page-hero{padding:140px max(24px,calc((100vw - var(--max))/2 + 22px)) 70px;min-height:680px;background:linear-gradient(180deg,#fff,#f3f9fb);display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.back-link{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;color:var(--muted)}.course-tags{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.course-tags span{padding:6px 8px;border:1px solid var(--line);border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase;color:var(--muted)}.course-page-copy h1{font-size:clamp(48px,5vw,72px);line-height:.98;letter-spacing:-.058em;margin:0 0 15px}.course-page-copy>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:560px}.course-page-art{display:grid;place-items:center}.course-art-panel{position:relative;width:min(100%,520px);aspect-ratio:1/1;border-radius:30px;overflow:hidden;background:#dceff4;box-shadow:var(--shadow)}.course-art-panel>img{width:100%;height:100%;object-fit:cover}.course-art-tag{position:absolute;left:16px;bottom:16px;background:#fff;border-radius:14px;padding:10px 12px;display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center}.course-art-tag .ui-icon{grid-row:1/3;width:28px;height:28px;padding:6px;border-radius:9px;background:var(--sky-soft);color:var(--sky-deep)}.course-art-tag strong{font-size:15px}.course-art-tag small{font-size:7px;color:var(--muted)}.course-summary-section{max-width:var(--max);margin:0 auto;padding:100px 22px;display:grid;grid-template-columns:1fr 390px;gap:70px;align-items:start}.course-summary-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.05em;margin:13px 0}.course-summary-copy>p{max-width:620px;font-size:13px;line-height:1.8;color:var(--muted)}.feature-list{display:grid;gap:4px;margin-top:30px}.feature-list>div{display:grid;grid-template-columns:44px 1fr;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.feature-list>.ui-icon,.feature-list>div>.ui-icon{width:44px;height:44px;padding:11px;border-radius:13px;background:var(--sky-soft);color:var(--sky-deep)}.feature-list span{display:flex;flex-direction:column}.feature-list strong{font-size:12px}.feature-list small{font-size:9px;color:var(--muted);margin-top:3px}.course-buy-card{position:sticky;top:92px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow-sm)}.price-line{display:flex;align-items:baseline;gap:7px;margin:15px 0}.price-line strong{font-size:42px;letter-spacing:-.05em}.price-line small{font-size:10px;color:var(--muted)}.price-line del{font-size:11px;color:#a3b0b5;margin-inline-start:auto}.course-buy-card ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}.course-buy-card li{display:flex;align-items:center;gap:8px;font-size:10px}.course-buy-card li .ui-icon{width:15px;color:var(--success)}.course-buy-card>p{font-size:8px;line-height:1.55;color:var(--muted);margin-bottom:0}.curriculum-section{max-width:var(--max);margin:0 auto;padding:30px 22px 120px}.curriculum-count{display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:baseline}.curriculum-count strong{font-size:24px}.curriculum-count span{font-size:8px;color:var(--muted);text-transform:uppercase}.chapter-list{display:grid;gap:10px}.chapter{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.chapter-head{width:100%;border:0;background:#fff;padding:18px 20px;display:grid;grid-template-columns:1fr auto 30px;align-items:center;gap:14px;text-align:start}.chapter-head>span{display:flex;flex-direction:column}.chapter-head small{font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:var(--sky-deep)}.chapter-head strong{font-size:13px;margin-top:2px}.chapter-head>b{font-size:8px;color:var(--muted)}.chapter-head>i{display:grid;place-items:center;transition:transform .25s}.chapter-head>i .ui-icon{width:17px}.chapter.open .chapter-head>i{transform:rotate(45deg)}.chapter-lessons{display:none;border-top:1px solid var(--line);padding:5px 18px 14px}.chapter.open .chapter-lessons{display:block}.chapter-lessons a{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf3f5}.lesson-play{width:32px;height:32px;border-radius:10px;background:var(--sky-soft);color:var(--sky-deep);display:grid;place-items:center}.lesson-play .ui-icon{width:15px}.chapter-lessons a>span:nth-child(2){display:flex;flex-direction:column}.chapter-lessons strong{font-size:10px}.chapter-lessons small{font-size:8px;color:var(--muted);margin-top:2px}.chapter-lessons em{font-size:7px;font-weight:850;color:var(--success)}.chapter-lessons b .ui-icon{width:14px;color:#92a2aa}

/* Auth, checkout, legal, errors */
.auth-page{min-height:100vh;display:grid;grid-template-columns:.95fr 1.05fr;background:#fff}.auth-brand-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--hero),#1b4a58);color:#fff;padding:30px 42px;display:flex;flex-direction:column;justify-content:space-between}.auth-brand-panel .brand-symbol{color:var(--sky)}.auth-brand-copy{position:relative;z-index:3;max-width:520px;margin:auto 0}.auth-brand-copy h1{font-size:clamp(44px,5vw,70px);line-height:.98;letter-spacing:-.055em;margin:14px 0}.auth-brand-copy h1 em{color:var(--sky-2)}.auth-brand-copy p{max-width:460px;font-size:12px;line-height:1.75;color:#b1c9d0}.auth-brand-art{position:absolute;right:-35px;bottom:0;width:56%;height:58%}.auth-brand-art>span{position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(112,218,240,.1);right:10%;bottom:0}.auth-brand-art svg{position:absolute;left:-45%;top:30%;width:160%;height:90px;opacity:.12}.auth-brand-art path{fill:none;stroke:#a8eaf6;stroke-width:2}.auth-brand-art img{position:absolute;right:0;bottom:0;height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(0,0,0,.16))}.auth-form-panel{display:grid;place-items:center;padding:92px 38px 50px}.auth-form{width:min(100%,470px)}.mobile-back{display:inline-flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);margin-bottom:38px}.mobile-back .ui-icon{width:14px}.auth-form h2,.simple-auth-card h1,.checkout-main h1{font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-.05em;margin:10px 0}.auth-form>p,.simple-auth-card>p,.checkout-main>p{font-size:11px;line-height:1.7;color:var(--muted)}form label,.settings-card label,.inline-create label,.inline-edit label{display:flex;flex-direction:column;gap:6px;font-size:9px;font-weight:800;color:var(--ink-2)}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:11px;min-height:44px;padding:10px 12px;outline:none;transition:border-color .2s,box-shadow .2s;background-clip:padding-box}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#92d5e7;box-shadow:0 0 0 3px rgba(56,185,226,.09)}.auth-form form,.simple-auth-card form,.payment-form,.stack-form{display:grid;gap:13px;margin-top:22px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.check,.check-line{flex-direction:row!important;align-items:center;gap:7px!important}.check input,.check-line input{width:15px;height:15px;min-height:0}.form-row a,.form-switch a,.legal-hint a{color:var(--sky-deep);font-weight:800}.form-switch{margin-top:18px!important;text-align:center}.legal-hint{font-size:8px!important;line-height:1.6;color:var(--muted)}.simple-auth{min-height:100vh;display:grid;place-items:center;padding:80px 20px;background:linear-gradient(180deg,#fff,var(--bg-2))}.simple-auth-card{width:min(100%,500px);background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.simple-auth-card>.brand{margin-bottom:38px}.simple-auth-icon{width:48px;height:48px;border-radius:15px;background:var(--sky-soft);color:var(--sky-deep);display:grid;place-items:center;margin-bottom:18px}.simple-auth-icon .ui-icon{width:22px}.simple-auth-card>.text-link{margin-top:18px}.checkout-page{max-width:var(--max);margin:0 auto;padding:130px 22px 90px;display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:start}.checkout-main>.back-link{margin-bottom:35px}.notice-card,.settings-note{background:var(--sky-soft);border:1px solid #cfeaf1;border-radius:16px;padding:17px;margin:20px 0}.notice-card strong,.settings-note strong{font-size:11px}.notice-card p,.settings-note p{font-size:9px;line-height:1.6;color:var(--muted)}.payment-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.payment-options label{position:relative;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;cursor:pointer}.payment-options label>input{position:absolute;opacity:0;width:1px;height:1px}.payment-options label:has(input:checked){border-color:#91d6e8;background:var(--sky-soft)}.pay-icon{width:38px;height:38px;border-radius:10px;background:#e4f4ff;color:#1980ba;display:grid;place-items:center;font-size:9px;font-weight:900}.pay-icon.vf{background:#fdecef;color:#bd2435}.payment-options label>span:nth-of-type(2){display:flex;flex-direction:column}.payment-options label strong{font-size:10px}.payment-options label small{font-size:8px;color:var(--muted);margin-top:2px}.payment-options label>i{color:var(--success)}.payment-options label>i .ui-icon{width:16px}.upload-box{position:relative;border:1px dashed #b8d8e1;border-radius:16px;padding:22px;display:grid!important;place-items:center;text-align:center;background:#fbfdfe;cursor:pointer}.upload-box input{position:absolute;opacity:0;inset:0;cursor:pointer}.upload-box>span{width:42px;height:42px;border-radius:13px;background:var(--sky-soft);display:grid;place-items:center;color:var(--sky-deep)}.upload-box strong{font-size:10px}.upload-box small{font-size:8px;color:var(--muted)}.upload-box img{max-height:180px;margin-top:10px;border-radius:10px}.order-summary{position:sticky;top:90px;border:1px solid var(--line);background:#fff;border-radius:24px;padding:20px;box-shadow:var(--shadow-sm)}.order-summary>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:15px;margin:13px 0}.order-summary h2{font-size:20px;letter-spacing:-.035em}.order-summary>div{display:flex;justify-content:space-between;gap:10px;font-size:10px}.order-summary .total strong{font-size:17px}.order-summary>p{display:flex;gap:7px;font-size:8px;line-height:1.5;color:var(--muted)}.order-summary>p .ui-icon{width:14px;color:var(--sky-deep)}.legal-page{max-width:900px;margin:0 auto;padding:130px 22px 90px}.legal-wrap{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px}.legal-lead{font-size:13px;color:var(--muted);line-height:1.8}.legal-page h1{font-size:clamp(40px,5vw,64px);letter-spacing:-.05em}.legal-page h2{margin-top:30px;font-size:20px}.legal-page p,.legal-page li{font-size:11px;line-height:1.8;color:var(--ink-2)}.error-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:var(--bg)}.error-card{width:min(100%,540px);background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;text-align:center;box-shadow:var(--shadow)}

/* Student and admin shared shell */
.app-mobile-bar{display:none}.student-shell{min-height:100vh;background:var(--bg)}.student-side,.admin-sidebar{position:fixed;z-index:120;left:0;top:0;bottom:0;width:236px;padding:22px 16px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.app-side-top{display:flex;align-items:center;justify-content:space-between}.app-side-close{display:none}.student-side nav,.admin-sidebar nav{display:grid;gap:3px;margin-top:28px}.student-side nav a,.admin-sidebar nav a,.admin-side-bottom>a,.student-logout button,.admin-logout button{height:42px;border-radius:11px;padding:0 11px;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#667b84;font-size:10px;font-weight:760;text-align:left}.student-side nav a .ui-icon,.admin-sidebar nav a .ui-icon,.admin-side-bottom .ui-icon,.student-logout .ui-icon,.admin-logout .ui-icon{width:17px}.student-side nav a.active,.student-side nav a:hover,.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:var(--sky-soft);color:var(--sky-deep)}.student-mini{margin-top:auto;border-radius:16px;background:linear-gradient(145deg,var(--hero),#1c4c5b);color:#fff;padding:15px;display:flex;flex-direction:column}.student-mini>div{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.1);display:grid;place-items:center;margin-bottom:10px}.student-mini>div .ui-icon{width:17px;color:var(--sky-2)}.student-mini small{font-size:7px;color:#9fc1ca}.student-mini strong{font-size:10px;margin-top:2px}.student-mini a{display:inline-flex;align-items:center;gap:5px;margin-top:11px;font-size:8px;color:var(--sky-2)}.student-mini a .ui-icon{width:12px}.student-logout,.admin-logout{margin:8px 0 0}.student-logout button,.admin-logout button{width:100%;cursor:pointer}.admin-user{display:flex;align-items:center;gap:10px;margin-top:22px;padding:12px;border-radius:14px;background:var(--surface-soft)}.admin-user div{display:flex;flex-direction:column}.admin-user strong{font-size:10px}.admin-user small{font-size:7px;color:var(--muted)}.avatar-dot{width:32px;height:32px;border-radius:10px;background:var(--sky-soft);color:var(--sky-deep);display:grid;place-items:center;font-size:10px;font-weight:900}.avatar-dot.large{width:40px;height:40px;border-radius:12px}.admin-side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:7px}.student-main,.admin-main{margin-left:236px;min-width:0;padding:40px clamp(22px,3vw,48px) 70px}.student-main{max-width:1500px}.admin-main{max-width:1700px}.student-top,.admin-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:30px}.student-top h1,.admin-top h1{font-size:clamp(30px,3vw,44px);letter-spacing:-.045em;margin:6px 0}.student-top p,.admin-top p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.student-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:#fff;display:grid;place-items:center}.icon-btn .ui-icon{width:18px;color:var(--ink-2)}
.dashboard-grid{display:grid;grid-template-columns:1.6fr .7fr;gap:16px}.continue-card{min-height:310px;background:linear-gradient(135deg,var(--hero),#1c4c5a);color:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr;position:relative}.continue-copy{padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.continue-card .dash-kicker{color:#a8e7f5}.continue-card h2{font-size:clamp(28px,3vw,42px);line-height:1.04;letter-spacing:-.045em;margin:8px 0}.continue-card p{font-size:11px;color:#aac4cc;margin:0 0 22px}.continue-image{position:relative;overflow:hidden}.continue-image:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,var(--hero),transparent 55%)}.continue-image img{width:100%;height:100%;object-fit:cover}.quiz-mini,.week-card,.activity-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.quiz-mini{display:flex;flex-direction:column;align-items:flex-start}.mini-icon{width:42px;height:42px;border-radius:13px;background:var(--sky-soft);color:var(--sky-deep);display:grid;place-items:center;margin-bottom:18px}.mini-icon .ui-icon{width:19px}.quiz-mini>strong{font-size:16px;margin:8px 0}.quiz-mini>p,.week-card>p{font-size:9px;line-height:1.6;color:var(--muted)}.quiz-mini .text-link{margin-top:auto}.dashboard-section{margin-top:34px}.dash-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.dash-section-head h2{font-size:24px;letter-spacing:-.035em;margin:5px 0}.my-course-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.my-course{position:relative;background:#fff;border:1px solid var(--line);border-radius:17px;padding:10px;display:grid;grid-template-columns:90px 1fr 20px;gap:12px;align-items:center}.my-course>img{width:90px;height:70px;border-radius:11px;object-fit:cover}.my-course>div{min-width:0;display:flex;flex-direction:column}.my-course small{font-size:7px;color:var(--sky-deep);text-transform:uppercase}.my-course strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0 8px}.my-course>div>span{height:4px;border-radius:4px;background:#e7eff2;overflow:hidden}.my-course>div>span i{display:block;height:100%;background:var(--sky)}.my-course em{font-size:7px;color:var(--muted);margin-top:4px}.my-course>.ui-icon{width:15px;color:#91a2aa}.dashboard-lower{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin-top:30px}.activity-item{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.activity-item>span{width:32px;height:32px;border-radius:10px;background:var(--sky-soft);display:grid;place-items:center;color:var(--sky-deep)}.activity-item>span .ui-icon{width:15px}.activity-item strong{font-size:9px}.activity-item p{font-size:8px;color:var(--muted);margin:3px 0}.activity-item.unread{background:linear-gradient(90deg,rgba(232,248,252,.5),transparent);margin-inline:-8px;padding-inline:8px}.week-card h2{font-size:36px;letter-spacing:-.05em;margin:12px 0 4px}

/* Student content */
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resource-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.resource-cover{position:relative;aspect-ratio:4/3;background:var(--surface-soft);padding:18px;display:grid;place-items:center}.resource-cover img{max-height:100%;width:auto}.resource-cover span{position:absolute;left:10px;top:10px;padding:5px 7px;border-radius:7px;background:#fff;font-size:7px;font-weight:850}.resource-card>div:last-child{padding:16px}.resource-card small{font-size:8px;color:var(--sky-deep)}.resource-card h3{font-size:16px;margin:5px 0}.resource-card p{font-size:9px;color:var(--muted)}.student-table{overflow:hidden}.admin-table-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.table-scroll{overflow:auto}.admin-table-card table,.student-table table{width:100%;border-collapse:collapse;min-width:720px}.admin-table-card th,.student-table th{padding:12px 14px;background:#f8fbfc;border-bottom:1px solid var(--line);text-align:start;font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:#7b8f98}.admin-table-card td,.student-table td{padding:13px 14px;border-bottom:1px solid #edf3f5;font-size:9px;vertical-align:middle}.admin-table-card td strong,.student-table td strong{display:block;font-size:10px}.admin-table-card td small,.student-table td small{display:block;font-size:7px;color:var(--muted);margin-top:3px}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:850;background:#edf3f5;color:#647981}.status-pill.approved,.status-pill.active{background:#e7f8f1;color:#177f5e}.status-pill.pending{background:#fff5dc;color:#9b6a14}.status-pill.rejected{background:#fdebed;color:#b63748}.devices-list{display:grid;gap:10px}.device-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center}.device-icon{width:42px;height:42px;border-radius:12px;background:var(--sky-soft);display:grid;place-items:center;color:var(--sky-deep)}.device-icon .ui-icon{width:18px}.device-card strong{font-size:10px}.device-card small{font-size:8px;color:var(--muted)}.support-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:16px}.support-form,.ticket-history{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.ticket-history article{border-top:1px solid var(--line);padding:14px 0}.ticket-title{display:flex;justify-content:space-between;gap:10px}.ticket-thread,.message-thread{display:grid;gap:8px;margin-top:10px}.thread-message{max-width:85%;padding:10px 12px;border-radius:13px;background:var(--surface-soft);font-size:9px;line-height:1.6}.thread-message.admin{background:var(--sky-soft);margin-inline-start:auto}.profile-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;display:grid;gap:12px}.settings-card h2{font-size:19px;margin:5px 0}.settings-submit{grid-column:1/-1;display:flex;justify-content:flex-end}.verify-card{background:var(--sky-soft);border:1px solid #cae9f1;border-radius:16px;padding:16px}.check-line{margin:5px 0}

/* Lesson player / quiz / reader */
.player-page{min-height:100vh;background:#0a1d25;color:#fff}.player-top{height:70px;padding:0 22px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.player-back{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.06);display:grid;place-items:center}.player-back .ui-icon{width:16px;transform:rotate(180deg)}html[dir=rtl] .player-back .ui-icon{transform:none}.player-top>div{display:flex;flex-direction:column}.player-top small{font-size:7px;color:#7fa1ad}.player-top strong{font-size:10px}.player-progress-label{display:flex;align-items:center;gap:6px;font-size:7px;color:#80c8da}.player-progress-label .ui-icon{width:13px}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px}.video-column{padding:24px}.lesson-video-wrap{background:#02080b;border-radius:18px;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center}.lesson-video-wrap video{width:100%;height:100%;object-fit:contain}.video-empty{text-align:center;color:#93aeb7;padding:30px}.video-empty>.ui-icon{width:48px;height:48px;margin:0 auto 14px;color:var(--sky)}.video-empty strong{display:block;color:#fff;font-size:13px}.video-empty p{font-size:9px;line-height:1.6}.lesson-info{padding:24px 0;display:flex;justify-content:space-between;gap:30px;align-items:end}.lesson-info h1{font-size:28px;letter-spacing:-.04em;margin:5px 0}.lesson-info p{font-size:9px;color:#8ca9b3;max-width:600px;line-height:1.6}.lesson-nav{display:flex;gap:8px}.lesson-tabs{border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.lesson-tabs span{display:inline-flex;align-items:center;gap:7px;font-size:9px;color:#c5d8de}.lesson-tabs .ui-icon{width:14px}.lesson-resources{display:grid;gap:8px;padding-top:12px}.resource-line,.lesson-note-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:12px;color:#d4e4e9}.resource-line{display:grid;grid-template-columns:32px 1fr 16px;align-items:center;gap:10px}.resource-line>span{width:32px;height:32px;border-radius:9px;background:rgba(89,202,231,.12);display:grid;place-items:center;color:var(--sky-2)}.resource-line .ui-icon{width:15px}.resource-line strong{font-size:9px}.lesson-note-card strong{font-size:10px}.lesson-note-card p{font-size:8px;color:#91abb4}.curriculum-side{border-left:1px solid rgba(255,255,255,.08);background:#07171e;max-height:calc(100vh - 70px);overflow:auto;padding:16px}.curriculum-side-head{display:flex;justify-content:space-between;gap:10px;padding:8px 6px 15px}.curriculum-side-head span,.curriculum-side-head strong{font-size:7px;color:#7798a4}.side-chapter>button{width:100%;border:0;background:transparent;color:#c9dde3;padding:11px 6px;display:flex;justify-content:space-between;text-align:start;font-size:8px;font-weight:800}.side-chapter>div{display:none}.side-chapter.open>div{display:block}.side-chapter>div a{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:9px;color:#8ca8b2}.side-chapter>div a.active{background:rgba(87,199,228,.1);color:#fff}.lesson-state{width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.05);display:grid;place-items:center}.lesson-state .ui-icon{width:12px}.side-chapter a>span:nth-child(2){display:flex;flex-direction:column}.side-chapter a strong{font-size:8px}.side-chapter a small{font-size:7px}.side-chapter a em{font-size:6px;color:var(--sky-2)}
.quiz-page{min-height:100vh;background:var(--bg)}.quiz-header{height:70px;padding:0 22px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center}.quiz-form{max-width:900px;margin:0 auto;padding:50px 22px}.quiz-start-card,.quiz-result,.question-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.question-card{display:none}.question-card.active{display:block}.answers{display:grid;gap:10px}.answers label{border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;align-items:center;gap:10px;cursor:pointer}.answer-letter{width:34px;height:34px;border-radius:10px;background:var(--surface-soft);display:grid;place-items:center;font-size:9px;font-weight:850}.quiz-controls{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.quiz-controls .hidden{display:none}.quiz-progress-top{height:4px;background:#e4edef}.quiz-progress-top>span{display:block;height:100%;background:var(--sky)}.reader-page{min-height:100vh;background:#07171e;color:#fff;padding:20px}.reader-frame{max-width:1100px;margin:0 auto;position:relative}.reader-frame iframe{width:100%;height:calc(100vh - 80px);border:0;background:#fff;border-radius:14px}.reader-watermark{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center;color:rgba(22,55,68,.12);font-size:24px;transform:rotate(-25deg)}

/* Admin */
.admin-shell-v9{background:var(--bg)}.admin-top{margin-bottom:24px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.stat-grid article>span{display:flex;align-items:center;gap:7px;font-size:8px;color:var(--muted);font-weight:800}.stat-grid article>span .ui-icon{width:15px;color:var(--sky-deep)}.stat-grid article>strong{display:block;font-size:28px;letter-spacing:-.04em;margin:12px 0 6px}.stat-grid article>strong em{font-size:9px;color:var(--muted)}.stat-grid article>small{font-size:7px;color:var(--muted)}.stat-grid article>small a{display:inline-flex;align-items:center;gap:4px;color:var(--sky-deep)}.stat-grid article>small .ui-icon{width:11px}.admin-panels{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;margin-top:14px}.chart-panel,.admin-list-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.panel-head h2{font-size:17px;margin:4px 0}.panel-head>b{font-size:13px}.bar-chart-live{height:210px;display:flex;align-items:end;gap:8px;padding-top:20px}.bar-chart-live>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;align-items:center}.bar-chart-live>div>span{width:100%;max-width:34px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--sky),#9ee8f7);min-height:4px}.bar-chart-live small{font-size:7px;color:var(--muted)}.admin-list-panel>a{display:grid;grid-template-columns:38px 1fr 16px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.queue-icon{width:36px;height:36px;border-radius:11px;background:var(--sky-soft);display:grid;place-items:center;color:var(--sky-deep)}.queue-icon .ui-icon{width:16px}.admin-list-panel>a strong{display:block;font-size:9px}.admin-list-panel>a small{display:block;font-size:7px;color:var(--muted);margin-top:2px}.admin-list-panel>a>.ui-icon{width:14px;color:#94a5ac}.admin-main>.admin-table-card{margin-top:14px}.table-progress{display:inline-block;width:70px;height:4px;background:#e4edef;border-radius:4px;overflow:hidden;margin-right:6px;vertical-align:middle}.table-progress i{display:block;height:100%;background:var(--sky)}.table-course{display:flex;align-items:center;gap:9px}.table-course img{width:48px;height:36px;border-radius:8px;object-fit:cover}.table-course span{display:flex;flex-direction:column}.table-search{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:0 9px}.table-search input{border:0;min-height:34px;padding:0;background:transparent;box-shadow:none}.table-menu{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--sky-soft);color:var(--sky-deep);border-radius:8px;padding:6px 8px;font-size:7px;font-weight:800}.table-menu.danger{background:#fdebed;color:#b63849}.row-actions{display:flex;gap:5px;align-items:center}.admin-split{display:grid;grid-template-columns:360px 1fr;gap:14px}.admin-table-card.flush{margin:0}.course-modal{width:min(95vw,560px);border:0;border-radius:22px;padding:0;box-shadow:0 40px 120px rgba(0,0,0,.2)}.course-modal::backdrop{background:rgba(12,39,49,.55);backdrop-filter:blur(5px)}.course-modal form{padding:22px;display:grid;gap:12px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-head h2{margin:4px 0}.modal-head button{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#fff}.toggle-row{display:flex;gap:15px}.toggle-row label{flex-direction:row;align-items:center}.editor-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.course-builder,.lesson-builder,.question-admin-list{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.builder-chapter,.question-admin{border:1px solid var(--line);border-radius:15px;padding:14px;margin-top:10px}.builder-head{display:flex;justify-content:space-between;gap:10px}.lesson-builder-list{display:grid;gap:8px;margin-top:10px}.lesson-edit-form,.question-edit-form{border-top:1px solid var(--line);padding-top:10px;margin-top:10px;display:grid;gap:8px}.inline-create,.inline-edit{display:grid;gap:8px}.action-row{display:flex;gap:7px;flex-wrap:wrap}.danger-zone{border-color:#f3c8cd;background:#fffafa}.approve-btn,.reject-btn{border:0;border-radius:8px;padding:7px 9px;font-size:7px;font-weight:850}.approve-btn{background:#e6f7f0;color:#157654}.reject-btn{background:#fdebed;color:#b63849}.payment-review{display:grid;gap:5px}.payment-review form{display:flex;gap:5px}.payment-review input{min-height:32px;padding:5px 7px}.admin-thread,.ticket-admin-thread{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.admin-reply-form{display:grid;gap:8px}.settings-note{margin:8px 0}.empty-state,.empty-table,.public-empty{padding:28px;text-align:center;color:var(--muted)}.empty-state strong{display:block;color:var(--ink);font-size:11px}.empty-state p{font-size:9px}.empty-table{font-size:9px}.toast{position:fixed;z-index:600;top:88px;right:20px;max-width:min(360px,calc(100vw - 40px));padding:12px 15px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);font-size:9px;font-weight:750;transition:.25s}.toast-success{border-color:#bde8d8}.toast-error{border-color:#f0c0c6}

/* RTL */
html[dir=rtl] .student-side,html[dir=rtl] .admin-sidebar{left:auto;right:0;border-right:0;border-left:1px solid var(--line)}html[dir=rtl] .student-main,html[dir=rtl] .admin-main{margin-left:0;margin-right:236px}html[dir=rtl] .featured-media>span,html[dir=rtl] .catalog-media>span{left:auto;right:13px}html[dir=rtl] .catalog-media>b{right:auto;left:12px}html[dir=rtl] .portrait-caption,html[dir=rtl] .photo-signature{left:auto;right:22px}html[dir=rtl] .hero-note-a{left:auto;right:-12px}html[dir=rtl] .hero-note-b{right:auto;left:-10px}html[dir=rtl] .continue-image:before{background:linear-gradient(-90deg,var(--hero),transparent 55%)}html[dir=rtl] .curriculum-side{border-left:0;border-right:1px solid rgba(255,255,255,.08)}html[dir=rtl] .player-back .ui-icon{transform:none}

/* Responsive */
@media(max-width:1100px){
  .desktop-nav{gap:18px}.desktop-nav a{font-size:10px}.nav-cta{display:none}.hero-shell{grid-template-columns:1fr 1fr}.hero-portrait{min-height:520px}.portrait-panel{height:500px}.featured-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}.flow-stage{grid-template-columns:repeat(2,1fr)}.flow-line{display:none}.course-summary-section{grid-template-columns:1fr 340px;gap:36px}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-panels{grid-template-columns:1fr}.my-course-row{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  html{scroll-padding-top:66px}.site-header{height:64px;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));background:rgba(255,255,255,.96);color:var(--ink);box-shadow:0 1px 0 rgba(18,51,63,.07)}.site-header.scrolled{height:60px}.desktop-nav,.nav-login,.language-link{display:none}.site-header .brand>span{font-size:14px}.mobile-menu-btn{display:grid;border-color:var(--line);background:#fff}.home-hero{min-height:0;padding:98px 18px 26px}.hero-shell{grid-template-columns:1fr;gap:15px;min-height:0}.hero-copy{max-width:100%}.hero-copy h1{font-size:clamp(38px,9vw,58px);max-width:720px}.hero-copy>p{font-size:13px}.hero-portrait{min-height:0;height:clamp(380px,94vw,560px);margin-top:10px}.portrait-panel{height:100%;width:100%;max-width:620px;border-radius:28px 28px 0 0}.hero-note{display:none}.hero-orb{right:-120px;top:38%;width:420px;height:420px}.hero-orb-b{right:-40px;top:47%;width:300px;height:300px}.hero-scroll{display:none}.proof-strip>div{grid-template-columns:repeat(2,1fr);padding:13px 14px}.proof-strip span{justify-content:flex-start}.home-section{padding:78px 16px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:14px}.featured-grid{grid-template-columns:1fr 1fr}.free-lesson-section{min-height:0;padding:72px 16px;grid-template-columns:1fr;gap:32px}.free-stage-copy{max-width:650px}.free-stage-media{width:100%}.flow-stage{grid-template-columns:1fr 1fr}.book-track{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:18px;margin-inline:-16px;padding-inline:16px}.book-item{scroll-snap-align:start}.values-card{grid-template-columns:1fr;gap:28px;padding:28px}.instructor-section{grid-template-columns:1fr;gap:34px;padding:0 16px;margin-bottom:78px}.instructor-photo{min-height:520px;order:2}.instructor-copy{order:1}.reviews-grid{grid-template-columns:1fr 1fr}.final-cta{margin:0 12px 18px;min-height:0;border-radius:25px;grid-template-columns:1fr;padding:50px 22px 0}.cta-copy{padding-bottom:18px}.cta-image{height:360px}.footer{padding-inline:20px}.footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-col:last-child{grid-column:2/4}.catalog-hero{min-height:0;padding:110px 18px 55px;grid-template-columns:1fr}.catalog-visual{display:none}.catalog-section{padding:30px 16px 80px}.catalog-grid{grid-template-columns:1fr 1fr}.course-page-hero{padding:105px 16px 55px;grid-template-columns:1fr;gap:28px}.course-page-art{order:-1}.course-art-panel{width:100%;max-width:680px;aspect-ratio:16/10}.course-page-copy h1{font-size:clamp(38px,8vw,58px)}.course-summary-section{grid-template-columns:1fr;padding:70px 16px;gap:28px}.course-buy-card{position:static}.curriculum-section{padding:20px 16px 80px}.auth-page{grid-template-columns:1fr}.auth-brand-panel{min-height:310px;padding:20px;justify-content:flex-start}.auth-brand-panel>.brand{position:relative;z-index:5}.auth-brand-copy{margin-top:72px;max-width:70%}.auth-brand-copy h1{font-size:clamp(34px,8vw,46px)}.auth-brand-art{width:48%;height:75%}.auth-form-panel{padding:42px 20px 60px}.mobile-back{margin-bottom:24px}.checkout-page{grid-template-columns:1fr;padding:100px 16px 70px}.order-summary{position:static;order:-1}.student-side,.admin-sidebar{transform:translateX(-105%);transition:transform .3s ease;box-shadow:0 20px 60px rgba(12,39,49,.12)}html[dir=rtl] .student-side,html[dir=rtl] .admin-sidebar{transform:translateX(105%)}.student-side.open,.admin-sidebar.open{transform:none}.app-side-close{display:grid;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#fff;place-items:center}.app-side-close .ui-icon{width:16px}.app-mobile-bar{position:fixed;z-index:110;top:0;left:0;right:0;height:60px;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.app-mobile-bar>button{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:10px;display:grid;place-items:center}.app-mobile-bar>button .ui-icon{width:17px}.app-mobile-bar .brand>span{font-size:13px}.student-main,.admin-main,html[dir=rtl] .student-main,html[dir=rtl] .admin-main{margin:0;padding:88px 16px 60px}.dashboard-grid{grid-template-columns:1fr}.dashboard-lower{grid-template-columns:1fr}.my-course-row{grid-template-columns:1fr 1fr}.profile-grid,.settings-grid{grid-template-columns:1fr}.settings-submit{grid-column:auto}.admin-split,.editor-grid{grid-template-columns:1fr}.player-page{padding-top:60px}.player-top{position:sticky;top:60px;z-index:80;background:#0a1d25}.player-layout{grid-template-columns:1fr}.curriculum-side{border-left:0;border-top:1px solid rgba(255,255,255,.08);max-height:none}.resource-grid{grid-template-columns:repeat(2,1fr)}.support-grid{grid-template-columns:1fr}.admin-table-card{overflow:auto}.admin-top{align-items:center}
}
@media(max-width:620px){
  :root{--radius-lg:24px}body{font-size:16px}.brand-symbol{width:32px;height:32px}.home-hero{padding-inline:14px}.hero-copy h1{font-size:clamp(34px,10.2vw,44px);line-height:1.02}.hero-copy>p{font-size:12px;line-height:1.65}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .button{padding-inline:10px;font-size:10px}.hero-portrait{height:clamp(330px,104vw,440px)}.portrait-panel{border-radius:22px 22px 0 0}.portrait-panel img{height:95%;max-width:100%}.portrait-caption{left:12px;bottom:12px}.hero-trust{gap:12px}.hero-trust strong{font-size:16px}.hero-trust small{font-size:7px}.proof-strip>div{grid-template-columns:1fr 1fr;gap:9px}.proof-strip span{font-size:8px}.home-section{padding:62px 14px}.section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2{font-size:clamp(32px,9.4vw,40px)}.section-heading>p{font-size:11px}.featured-grid,.catalog-grid{grid-template-columns:1fr}.featured-body h3{font-size:18px}.featured-body p{min-height:0}.free-lesson-section{padding:58px 14px}.free-stage-copy h2{font-size:clamp(31px,9vw,38px)}.video-frame{padding:7px;border-radius:18px}.free-poster{border-radius:13px}.poster-play{width:58px;height:58px}.flow-stage{grid-template-columns:1fr}.flow-step{min-height:0;padding:18px}.flow-icon{margin:16px 0}.books-section{padding:65px 14px}.book-track{margin-top:30px}.book-item{width:170px;flex-basis:170px}.book-object{height:226px}.values-card{padding:18px;border-radius:20px}.values-grid{grid-template-columns:1fr}.instructor-photo{min-height:420px;border-radius:22px}.reviews-grid{grid-template-columns:1fr}.final-cta{margin-inline:8px;padding-inline:16px}.cta-image{height:300px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}.catalog-copy h1{font-size:clamp(38px,11vw,50px)}.catalog-toolbar{display:block}.catalog-toolbar>span{display:block;margin-top:12px}.course-page-hero{padding-top:90px}.course-tags{margin:15px 0}.course-page-copy h1{font-size:clamp(34px,10vw,46px)}.course-art-panel{border-radius:20px}.course-summary-section{padding-block:55px}.course-summary-copy h2{font-size:34px}.chapter-head{grid-template-columns:1fr 24px}.chapter-head>b{display:none}.chapter-lessons a{grid-template-columns:34px 1fr auto}.auth-brand-panel{min-height:260px}.auth-brand-copy{margin-top:58px;max-width:78%}.auth-brand-copy h1{font-size:34px}.auth-brand-copy p{display:none}.auth-brand-art{width:48%;height:72%}.auth-form-panel{padding-inline:14px}.auth-form h2,.simple-auth-card h1,.checkout-main h1{font-size:34px}.two-fields{grid-template-columns:1fr}.form-row{align-items:flex-start}.simple-auth{padding:78px 12px 30px}.simple-auth-card{padding:22px;border-radius:19px}.payment-options{grid-template-columns:1fr}.checkout-page{padding-inline:14px}.order-summary{padding:14px}.student-main,.admin-main,html[dir=rtl] .student-main,html[dir=rtl] .admin-main{padding:82px 12px 50px}.student-top,.admin-top{display:block}.student-actions{margin-top:14px}.admin-top>.button,.admin-top>.primary-btn{margin-top:12px}.student-top h1,.admin-top h1{font-size:30px}.continue-card{grid-template-columns:1fr}.continue-copy{padding:20px;order:2}.continue-image{height:180px;order:1}.continue-image:before{background:linear-gradient(0deg,var(--hero),transparent 48%)}.continue-card h2{font-size:28px}.my-course-row{grid-template-columns:1fr}.dashboard-lower{gap:10px}.resource-grid{grid-template-columns:1fr}.device-card{grid-template-columns:38px 1fr}.device-card>.status-pill{grid-column:2}.player-top{grid-template-columns:36px 1fr}.player-progress-label{display:none}.video-column{padding:10px}.lesson-video-wrap{border-radius:11px}.lesson-info{display:block;padding:18px 0}.lesson-info h1{font-size:23px}.lesson-nav{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.lesson-nav .button{padding:0 8px;font-size:9px}.curriculum-side{padding:10px}.quiz-form{padding:28px 12px}.quiz-start-card,.quiz-result,.question-card{padding:18px}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-grid article{padding:14px}.stat-grid article>strong{font-size:22px}.admin-panels{gap:8px}.chart-panel,.admin-list-panel{padding:14px}.bar-chart-live{height:160px}.admin-split{gap:10px}.settings-card{padding:14px}.table-search{margin-top:10px}.panel-head{align-items:flex-start;flex-direction:column}.payment-review form{display:grid}.toast{top:70px;right:10px;left:10px;max-width:none}input,select,textarea{font-size:16px;min-height:46px}
}
@media(max-width:390px){
  .hero-copy h1{font-size:34px}.hero-actions{grid-template-columns:1fr}.hero-portrait{height:350px}.portrait-caption strong{font-size:9px}.proof-strip>div{grid-template-columns:1fr}.proof-strip span{justify-content:center}.featured-media{aspect-ratio:16/9}.flow-step h3{font-size:18px}.values-card{padding:14px}.cta-image{height:265px}.auth-brand-art{width:52%}.stat-grid{grid-template-columns:1fr}.my-course{grid-template-columns:78px 1fr 16px}.my-course>img{width:78px;height:62px}
}
@supports(-webkit-touch-callout:none){@media(max-width:900px){.site-header,.app-mobile-bar{backdrop-filter:none;-webkit-backdrop-filter:none}.portrait-panel img,.instructor-photo img,.cta-image img{filter:drop-shadow(0 18px 25px rgba(12,39,49,.15))}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-ready [data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important}.hero-orb,.hero-ecg path,.hero-note,.splash-ecg path{animation:none!important}}
/* Compatibility styles for remaining production views */
.outline-link{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;font-size:8px;font-weight:800;color:var(--ink-2)}.outline-link:hover{border-color:#a8dce9;background:var(--sky-soft)}.back-link.dark{color:var(--muted)}.wide{grid-column:1/-1}.course-details-card{margin-bottom:18px}.compact-settings{margin-bottom:18px}.builder-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:24px 0 12px}.builder-head h2{font-size:21px;margin:4px 0}.inline-create{display:grid;grid-template-columns:1fr 1fr 80px auto;gap:6px;align-items:end}.inline-create input{min-height:34px;padding:5px 7px}.inline-create .approve-btn{height:34px}.builder-chapter>header{display:flex;justify-content:space-between;align-items:center;gap:10px}.builder-chapter h3{font-size:15px;margin:4px 0}.inline-edit{grid-template-columns:1fr 1fr 70px auto;align-items:center;margin:9px 0 12px}.inline-edit input{min-height:34px;padding:5px 7px}.inline-edit button,.lesson-asset-actions button{border:0;background:var(--sky-soft);color:var(--sky-deep);border-radius:8px;padding:7px 9px;font-size:7px;font-weight:800}.lesson-builder{border:1px solid var(--line);border-radius:12px;background:#fbfdfe;overflow:hidden}.lesson-builder summary{cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none}.lesson-builder summary::-webkit-details-marker{display:none}.lesson-builder summary>span{display:flex;align-items:center;gap:8px}.lesson-builder summary b{width:25px;height:25px;border-radius:7px;background:var(--sky-soft);display:grid;place-items:center;font-size:7px;color:var(--sky-deep)}.lesson-builder summary strong{font-size:9px}.lesson-builder summary small{font-size:7px;color:var(--muted)}.lesson-edit-form{grid-template-columns:repeat(2,1fr);padding:12px}.lesson-edit-form>.toggle-row,.lesson-edit-form>button{grid-column:1/-1}.lesson-asset-actions{padding:0 12px 12px;display:grid;gap:8px}.lesson-asset-actions>form:first-child{display:grid;grid-template-columns:1fr 1fr auto;gap:6px}.lesson-resource-list{display:grid;gap:5px}.lesson-resource-list>span{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;background:#fff;border:1px solid var(--line);border-radius:9px;font-size:8px}.danger-zone{margin-top:20px;border:1px solid #f0c8ce;border-radius:18px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fffafa}.danger-zone strong{font-size:10px}.danger-zone p{font-size:8px;color:var(--muted);margin:3px 0}.question-admin summary{cursor:pointer;font-size:9px}.question-admin summary span{display:flex;gap:8px}.question-admin summary small{font-size:7px;color:var(--muted)}.question-edit-form{grid-template-columns:repeat(2,1fr)}.question-edit-form>.wide,.question-edit-form>.action-row{grid-column:1/-1}.question-admin-list>.inline-create{grid-template-columns:1fr}.admin-thread p,.ticket-admin-thread p{font-size:8px;line-height:1.6}.ticket-admin-head{display:flex;justify-content:space-between;gap:12px}.ticket-admin-list{display:grid;gap:10px}.admin-reply-form textarea{min-height:70px}.form-note{font-size:7px!important;color:var(--muted);line-height:1.5}.quiz-attempts{font-size:8px;color:var(--muted)}.quiz-timer{display:flex;flex-direction:column;align-items:flex-end}.quiz-timer span{font-size:7px;color:var(--muted)}.quiz-timer strong{font-size:13px}.quiz-result{max-width:860px;margin:50px auto}.quiz-result>span{font-size:8px;color:var(--sky-deep);font-weight:850;letter-spacing:.1em}.quiz-result h1{font-size:32px;letter-spacing:-.04em}.quiz-result p{font-size:10px;line-height:1.65;color:var(--muted)}.result-ring{width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--sky) calc(var(--score)*1%),#e5eef1 0);display:grid;place-items:center;position:relative}.result-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.result-ring strong{position:relative;z-index:2;font-size:23px}.quiz-review{display:grid;gap:8px;margin:20px 0}.quiz-review article{border:1px solid var(--line);border-radius:13px;padding:12px}.quiz-review article.correct{border-color:#bde7d8;background:#f6fcf9}.quiz-review article.incorrect{border-color:#f0c5cb;background:#fffafa}.quiz-review strong{font-size:9px}.quiz-review small{font-size:7px;margin-left:7px}.quiz-review p{font-size:8px;margin-bottom:0}.question-number{font-size:8px;color:var(--sky-deep);font-weight:850;letter-spacing:.1em}.question-card h1{font-size:28px;line-height:1.2;margin:10px 0 24px}.answers input{position:absolute;opacity:0;width:1px;height:1px}.answers label{position:relative}.answers label:has(input:checked){border-color:#91d5e8;background:var(--sky-soft)}.answers label>i{margin-left:auto;color:transparent}.answers label:has(input:checked)>i{color:var(--success)}.quiz-progress-top{display:flex;align-items:center;gap:10px;margin-bottom:20px;background:transparent;height:auto}.quiz-progress-top>span{flex:1;height:4px;background:#e4edef;border-radius:4px;overflow:hidden}.quiz-progress-top>span i{display:block;height:100%;width:0;background:var(--sky)}.quiz-progress-top>b{font-size:8px}.reader-page>header{height:54px;display:flex;align-items:center;gap:20px;max-width:1100px;margin:0 auto}.reader-page>header a{font-size:8px;color:#b4cad1}.reader-page>header div{display:flex;flex-direction:column}.reader-page>header small{font-size:6px;color:#6fa5b3}.reader-page>header strong{font-size:9px}.not-found{min-height:60vh;display:grid;place-items:center;text-align:center;padding:30px}.not-found h1{font-size:60px}.row-actions form{margin:0}.social-links{display:flex;gap:8px}.social-links a{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center}.social-links svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}.social-links .fill{fill:currentColor;stroke:none}
@media(max-width:900px){.inline-create{grid-template-columns:1fr 1fr}.inline-create button{grid-column:1/-1}.lesson-edit-form,.question-edit-form{grid-template-columns:1fr}.lesson-edit-form>.toggle-row,.lesson-edit-form>button,.question-edit-form>.wide,.question-edit-form>.action-row{grid-column:auto}.lesson-asset-actions>form:first-child{grid-template-columns:1fr}.inline-edit{grid-template-columns:1fr 1fr}.danger-zone{align-items:flex-start}.quiz-result{margin:28px 12px}.reader-page{padding-top:70px}}
@media(max-width:620px){.builder-head{display:block}.inline-create,.inline-edit{grid-template-columns:1fr}.lesson-builder summary{align-items:flex-start;flex-direction:column}.toggle-row{flex-wrap:wrap}.danger-zone{display:block}.danger-zone form{margin-top:10px}.question-card h1{font-size:22px}.quiz-result h1{font-size:26px}.result-ring{width:110px;height:110px}.profile-grid,.settings-grid{display:block}.settings-card{margin-bottom:10px}}
.section{max-width:var(--max);margin:0 auto;padding:90px 22px}.section-dark{background:var(--hero);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-head h2{font-size:36px;letter-spacing:-.045em;margin:8px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--sky-deep)}.eyebrow i{width:22px;height:1px;background:var(--sky)}.eyebrow.light{color:#afe7f5}

/* V10 baseline legibility, spacing and interaction pass */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.ui-icon{stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
button .ui-icon,a .ui-icon{pointer-events:none}
.section-kicker,.dash-kicker,.form-kicker{font-size:11px;line-height:1.25}
.hero-eyebrow{font-size:11px;line-height:1.35}
.hero-trust small,.featured-meta,.featured-media>span,.catalog-media>span,.course-tags span{font-size:10px}
.featured-body p,.catalog-body p{font-size:13px;line-height:1.65}
.featured-body footer span,.catalog-body footer span{font-size:11px}
.feature-list small,.course-buy-card>p,.curriculum-count span,.chapter-head small,.chapter-head>b,.chapter-lessons small,.chapter-lessons em{font-size:11px;line-height:1.45}
.chapter-lessons strong{font-size:13px}
.course-buy-card li{font-size:12px}
.course-art-tag small{font-size:10px}
form label,.settings-card label,.inline-create label,.inline-edit label{font-size:11px;line-height:1.35}
.auth-form>p,.simple-auth-card>p,.checkout-main>p,.notice-card p,.settings-note p,.legal-hint{font-size:12px!important;line-height:1.65}
.mobile-back{font-size:11px}
.payment-options label strong,.upload-box strong{font-size:12px}.payment-options label small,.upload-box small{font-size:11px}
.empty-state strong{font-size:14px}.empty-state p,.empty-table{font-size:12px;line-height:1.6}
.toast{font-size:12px}

/* Student app readability */
.student-side nav a,.admin-sidebar nav a{font-size:12px;min-height:42px}
.student-side nav small,.admin-sidebar nav small,.student-side .side-user small,.admin-sidebar .side-user small{font-size:10px}
.student-top>div>span,.admin-top>div>span{font-size:11px}
.student-top p,.admin-top p,.continue-copy p,.dashboard-card p,.my-course p,.activity-list small,.resource-card p,.device-card small,.ticket-card p,.profile-card p{font-size:12px;line-height:1.6}
.continue-copy small,.dashboard-card small,.my-course small,.resource-card small,.device-card>div>small,.ticket-card small{font-size:10px}
.my-course strong,.activity-list strong,.resource-card h3,.device-card strong,.ticket-card strong{font-size:13px}
.player-top small,.player-progress-label,.curriculum-side-head span,.curriculum-side-head strong{font-size:10px}
.player-top strong{font-size:12px}
.video-empty p,.lesson-info p,.lesson-tabs span,.lesson-note-card p{font-size:12px;line-height:1.6}
.resource-line strong,.lesson-note-card strong{font-size:12px}
.side-chapter>button{font-size:11px}.side-chapter a strong{font-size:11px}.side-chapter a small,.side-chapter a em{font-size:10px}
.quiz-timer span,.quiz-attempts,.question-number{font-size:10px}.quiz-timer strong{font-size:15px}.quiz-result>span{font-size:10px}.quiz-result p{font-size:12px}.quiz-review strong{font-size:12px}.quiz-review small,.quiz-review p{font-size:11px}.answer-letter{font-size:11px}
.reader-page>header small{font-size:9px}.reader-page>header strong,.reader-page>header a{font-size:11px}

/* Admin app readability */
.stat-grid article>span{font-size:11px}.stat-grid article>small{font-size:10px}.stat-grid article>strong em{font-size:11px}
.bar-chart-live small{font-size:10px}.admin-list-panel>a strong{font-size:12px}.admin-list-panel>a small{font-size:10px}
.table-menu,.approve-btn,.reject-btn{font-size:10px;min-height:30px}
.admin-table-card table{font-size:12px}.admin-table-card th{font-size:10px}.admin-table-card td{line-height:1.45}
.builder-chapter h3{font-size:16px}.lesson-builder summary strong{font-size:12px}.lesson-builder summary small{font-size:10px}
.lesson-resource-list>span{font-size:11px}.danger-zone strong{font-size:12px}.danger-zone p,.form-note,.admin-thread p,.ticket-admin-thread p{font-size:11px!important;line-height:1.55}
.question-admin summary{font-size:12px}.question-admin summary small{font-size:10px}

/* richer motion without layout risk */
@media(hover:hover) and (pointer:fine){
  .flow-step,.values-grid>span,.reviews-grid>article,.resource-card,.dashboard-card,.stat-grid>article{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
  .flow-step:hover,.values-grid>span:hover,.reviews-grid>article:hover,.resource-card:hover,.dashboard-card:hover,.stat-grid>article:hover{transform:translateY(-5px);border-color:#b8dfeb;box-shadow:0 20px 55px rgba(18,51,63,.09)}
  .flow-step:hover .flow-icon,.values-grid>span:hover>.ui-icon{transform:translateY(-2px) rotate(-3deg)}
  .flow-icon,.values-grid>span>.ui-icon{transition:transform .3s ease}
}
.section-heading h2 em,.books-intro h2 em,.instructor-copy h2 em,.cta-copy h2 em{position:relative;display:inline-block}
.section-heading h2 em:after,.books-intro h2 em:after,.instructor-copy h2 em:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--sky),transparent);transition:transform .75s cubic-bezier(.2,.8,.2,1) .18s}
.motion-ready [data-reveal].visible h2 em:after,.motion-ready .books-intro.visible h2 em:after,.motion-ready .instructor-copy.visible h2 em:after{transform:scaleX(1)}
html[dir=rtl] .section-heading h2 em:after,html[dir=rtl] .books-intro h2 em:after,html[dir=rtl] .instructor-copy h2 em:after{transform-origin:right}

/* strict viewport safety */
body,main,.home-hero,.hero-shell,.hero-copy,.hero-portrait,.portrait-panel,.home-section,.free-lesson-section,.books-section,.instructor-section,.final-cta,.catalog-section,.course-page-hero,.course-summary-section,.student-main,.admin-main{min-width:0;max-width:100%}
.hero-copy,.section-heading>div,.section-heading>p,.instructor-copy,.cta-copy,.catalog-copy,.course-page-copy{min-width:0}
.hero-copy h1,.section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2,.catalog-copy h1,.course-page-copy h1{word-break:normal;overflow-wrap:break-word}

@media(max-width:900px){
  .motion-ready [data-reveal]{will-change:auto}
  .home-hero,.free-lesson-section,.final-cta{isolation:isolate}
  .hero-atmosphere{overflow:hidden}
  .hero-orb{opacity:.5}
  .hero-portrait,.portrait-panel,.instructor-photo,.cta-image{overflow:hidden;max-width:100%}
  .portrait-panel img,.instructor-photo img,.cta-image img{max-width:100%;object-position:center bottom}
  .page-transition{transition-duration:.34s}
  .student-side,.admin-sidebar{width:min(86vw,290px)}
  .admin-table-card{max-width:100%;-webkit-overflow-scrolling:touch}
}
@media(max-width:620px){
  .hero-actions .button{font-size:12px;min-height:48px}
  .hero-copy>p,.section-heading>p,.books-intro>p,.instructor-copy>p,.cta-copy>p{font-size:13px;line-height:1.65}
  .featured-body p,.catalog-body p{font-size:13px}
  .proof-strip span{font-size:11px}
  .flow-step p,.values-grid small{font-size:12px;line-height:1.55}
  .book-copy small,.book-copy span{font-size:10px}.book-copy h3{font-size:14px}
  .instructor-principles span{font-size:13px}
  .footer{font-size:12px}.footer a,.footer p,.footer small{font-size:11px;line-height:1.55}
  .student-top h1,.admin-top h1{line-height:1.08}
  .quiz-controls{display:grid;grid-template-columns:1fr 1fr}.quiz-controls .primary-btn{min-width:0;padding-inline:9px}
  .answers label{align-items:flex-start}.answers label strong{font-size:13px;line-height:1.45}
}
@media(max-width:390px){
  .hero-copy h1{font-size:clamp(32px,9.2vw,36px)}
  .section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2{font-size:clamp(30px,8.7vw,35px)}
  .mobile-menu nav a{font-size:28px}
  .student-main,.admin-main,html[dir=rtl] .student-main,html[dir=rtl] .admin-main{padding-inline:10px}
}

/* App-level entrance choreography */
@keyframes appFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes appCardIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
  .student-main>.student-top,.admin-main>.admin-top,.auth-form,.checkout-main,.order-summary{animation:appFadeUp .55s cubic-bezier(.2,.8,.2,1) both}
  .stat-grid>article,.my-course-row>.my-course,.admin-panels>*{animation:appCardIn .55s cubic-bezier(.2,.8,.2,1) both}
  .stat-grid>article:nth-child(2),.my-course-row>.my-course:nth-child(2){animation-delay:.06s}.stat-grid>article:nth-child(3),.my-course-row>.my-course:nth-child(3){animation-delay:.12s}.stat-grid>article:nth-child(4),.my-course-row>.my-course:nth-child(4){animation-delay:.18s}
  .mobile-menu.open nav a{animation:appFadeUp .42s cubic-bezier(.2,.8,.2,1) both}.mobile-menu.open nav a:nth-child(2){animation-delay:.04s}.mobile-menu.open nav a:nth-child(3){animation-delay:.08s}.mobile-menu.open nav a:nth-child(4){animation-delay:.12s}.mobile-menu.open nav a:nth-child(5){animation-delay:.16s}
}

/* Keyboard and accessibility polish */
:where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(56,185,226,.32);outline-offset:3px}
:where(button,a){-webkit-tap-highlight-color:transparent}
@media(max-width:900px){:where(a,button){touch-action:manipulation}}

/* RTL typography + iPhone safe areas */
html[dir=rtl] .section-kicker,html[dir=rtl] .dash-kicker,html[dir=rtl] .form-kicker,html[dir=rtl] .hero-eyebrow,html[dir=rtl] .featured-meta,html[dir=rtl] .catalog-meta,html[dir=rtl] .course-tags span{letter-spacing:0;text-transform:none}
html[dir=rtl] body{line-height:1.5}
@media(max-width:900px){
  .site-header{height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
  .site-header.scrolled{height:calc(60px + env(safe-area-inset-top))}
  .home-hero{padding-top:calc(98px + env(safe-area-inset-top))}
  .catalog-hero{padding-top:calc(110px + env(safe-area-inset-top))}
  .course-page-hero{padding-top:calc(105px + env(safe-area-inset-top))}
  .app-mobile-bar{height:calc(60px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
  .student-main,.admin-main,html[dir=rtl] .student-main,html[dir=rtl] .admin-main{padding-top:calc(88px + env(safe-area-inset-top));padding-bottom:calc(60px + env(safe-area-inset-bottom))}
  .player-page{padding-top:calc(60px + env(safe-area-inset-top))}.player-top{top:calc(60px + env(safe-area-inset-top))}
  .footer{padding-bottom:calc(26px + env(safe-area-inset-bottom))}
  .filter-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.filter-row::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto}
}
@media(max-width:480px){.hero-actions{grid-template-columns:1fr}.hero-actions .button{width:100%}}
@media(max-width:900px){.student-side,.admin-sidebar{padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom))}}

/* =========================================================
   Dr. Elmancy V10 — compact editorial UI + premium motion pass
   ========================================================= */
:root{--max:1180px;--v10-soft:#f4fbfd;--v10-sky:#42c2e8;--v10-heart:#e5484d}
body{font-size:14px;background:#fff}.public-shell-v9 main{background:#fff}.section-kicker,.dash-kicker,.form-kicker{font-size:9.5px}.button,.primary-btn{min-height:44px;padding-inline:16px;font-size:11.5px;border-radius:12px}.text-link{font-size:11.5px}

/* Header: light from the first pixel. */
.site-header{height:68px;color:var(--ink);background:rgba(255,255,255,.92);border-bottom:1px solid rgba(18,51,63,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:none;padding-inline:clamp(16px,3.4vw,54px)}
.site-header.scrolled{height:60px;background:rgba(255,255,255,.97);box-shadow:0 10px 38px rgba(21,62,78,.06)}
.site-header .brand-symbol{width:31px;height:31px}.site-header .brand>span{font-size:13px}.desktop-nav{gap:25px}.desktop-nav a{font-size:11px}.desktop-nav a:after{bottom:-10px}.language-link,.nav-login{height:34px;font-size:10.5px}.nav-cta{height:38px;font-size:10.5px;background:var(--sky);color:#08222c;box-shadow:0 8px 20px rgba(56,185,226,.16)}

/* Mobile menu: true viewport sheet; no vertical centering or page bleed. */
.mobile-menu{inset:0;width:100%;height:100dvh;min-height:100svh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#fff;isolation:isolate;transform:translate3d(18px,0,0);transition:opacity .28s ease,visibility .28s ease,transform .38s cubic-bezier(.2,.8,.2,1)}
html[dir=rtl] .mobile-menu{transform:translate3d(-18px,0,0)}.mobile-menu.open{transform:translate3d(0,0,0)}
.mobile-menu-glow{position:absolute;z-index:-1;width:280px;height:280px;right:-120px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(66,194,232,.18),transparent 68%);pointer-events:none}html[dir=rtl] .mobile-menu-glow{right:auto;left:-120px}
.mobile-menu-top{position:relative;flex:0 0 auto}.mobile-menu-top .brand-symbol{width:31px;height:31px}.mobile-menu-top .brand>span{font-size:13px}.mobile-menu-top button{width:40px;height:40px;border-radius:11px}.mobile-menu-copy{margin-top:38px;display:grid;gap:7px;max-width:330px}.mobile-menu-copy span{font-size:9px;font-weight:850;letter-spacing:.12em;color:var(--sky-deep)}html[dir=rtl] .mobile-menu-copy span{letter-spacing:0}.mobile-menu-copy strong{font-size:18px;line-height:1.25;letter-spacing:-.025em}.mobile-menu nav{margin:24px 0 22px;display:flex;flex-direction:column;flex:0 0 auto}.mobile-menu nav a{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:21px;line-height:1.12;font-weight:720;letter-spacing:-.025em}.mobile-menu nav a span{font-size:9px;letter-spacing:.08em;color:var(--sky-deep);font-weight:850}.mobile-menu nav a b{font:inherit;min-width:0}.mobile-menu-bottom{margin-top:auto;padding-top:8px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.mobile-menu-utility{display:flex;gap:14px;flex-wrap:wrap}.mobile-menu-utility a{font-size:10.5px;font-weight:800;color:var(--muted)}.mobile-start{min-height:42px;padding:0 13px;border-radius:11px;background:var(--sky);color:#08222c;font-size:10.5px;white-space:nowrap}
body.menu-open{overflow:hidden;overscroll-behavior:none}

/* Hero becomes a clean banner instead of a full dark page. */
.home-hero{min-height:0;padding:94px 20px 34px;background:#fff;color:var(--ink);overflow:hidden}.hero-atmosphere{inset:68px 0 0}.hero-grid{background-image:linear-gradient(rgba(56,185,226,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,185,226,.05) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 78%);opacity:.6}.hero-orb{border-color:rgba(56,185,226,.12);right:3%;top:8%;width:440px;height:440px}.hero-orb-b{width:310px;height:310px;right:8%;top:17%}.hero-ecg{top:auto;bottom:46px;opacity:.16}.hero-ecg path{stroke:var(--sky-deep)}
.hero-shell{max-width:var(--max);min-height:540px;padding:48px 48px 0;border:1px solid #dfeef2;border-radius:32px;background:linear-gradient(125deg,#f8fdfe 0%,#edf9fc 58%,#e5f5f9 100%);grid-template-columns:.92fr 1.08fr;gap:32px;box-shadow:0 24px 80px rgba(22,69,86,.07);overflow:hidden}.hero-copy{align-self:center;padding-bottom:42px}.hero-eyebrow{font-size:9.5px;color:var(--sky-deep)}.hero-eyebrow span{background:var(--sky)}.hero-copy h1{max-width:610px;margin:14px 0 14px;font-size:clamp(40px,4.25vw,56px);line-height:1.01;letter-spacing:-.048em;font-weight:760;color:var(--ink)}.hero-copy>p{max-width:500px;font-size:13px;line-height:1.68;color:var(--ink-2)}.hero-actions{margin-top:24px}.home-hero .button-ghost{border-color:#cfe3e9;color:var(--ink);background:rgba(255,255,255,.75)}.home-hero .button-ghost:hover{background:#fff;border-color:#afdce8}.hero-trust{margin-top:24px;padding-top:16px;border-color:#d9e9ed;gap:18px}.hero-trust span{color:var(--ink-2)}.hero-trust strong{font-size:17px}.hero-trust small{font-size:8.5px;color:var(--muted)}.hero-trust .ui-icon{color:var(--sky-deep)}
.hero-portrait{min-height:500px;place-items:end center}.portrait-panel{height:500px;width:min(100%,510px);border-radius:28px 28px 0 0;background:linear-gradient(150deg,#173c49,#0d2a34);border-color:rgba(12,39,49,.08);box-shadow:0 25px 55px rgba(15,57,72,.14)}.portrait-shape{width:370px;height:370px;top:64px;background:radial-gradient(circle,rgba(89,205,232,.24),rgba(89,205,232,.035) 66%,transparent 68%)}.portrait-panel img{height:95%;filter:drop-shadow(0 25px 38px rgba(0,0,0,.2))}.portrait-caption{left:18px;bottom:16px;padding:8px 10px;background:rgba(255,255,255,.92);color:var(--ink);border-color:rgba(255,255,255,.7);backdrop-filter:blur(10px)}.portrait-caption span{font-size:7.5px;color:var(--muted)}.portrait-caption strong{font-size:10px}.hero-note{display:none}.hero-scroll{display:none}

/* Hero entrance is animated only after JS opts into motion. */
.motion-ready .hero-copy .hero-eyebrow,.motion-ready .hero-copy h1,.motion-ready .hero-copy>p,.motion-ready .hero-actions,.motion-ready .hero-trust,.motion-ready .hero-portrait{opacity:0;transform:translateY(18px)}.motion-ready .hero-portrait{transform:translateY(20px) scale(.985)}.motion-ready.page-ready .hero-copy .hero-eyebrow,.motion-ready.page-ready .hero-copy h1,.motion-ready.page-ready .hero-copy>p,.motion-ready.page-ready .hero-actions,.motion-ready.page-ready .hero-trust,.motion-ready.page-ready .hero-portrait{opacity:1;transform:none;transition:opacity .62s ease,transform .78s cubic-bezier(.2,.75,.2,1)}.motion-ready.page-ready .hero-copy h1{transition-delay:.06s}.motion-ready.page-ready .hero-copy>p{transition-delay:.13s}.motion-ready.page-ready .hero-actions{transition-delay:.19s}.motion-ready.page-ready .hero-trust{transition-delay:.25s}.motion-ready.page-ready .hero-portrait{transition-delay:.1s}

/* Never-ending course marquee. */
.course-marquee{border-block:1px solid var(--line);background:#fbfeff;overflow:hidden;padding:11px 0 13px}.course-marquee-label{max-width:var(--max);margin:0 auto 7px;padding:0 20px;font-size:8.5px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;color:#81939b}html[dir=rtl] .course-marquee-label{letter-spacing:0;text-transform:none}.course-marquee-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.course-marquee-track{display:flex;width:max-content;will-change:transform;animation:mmCourseMarquee 34s linear infinite}.course-marquee-group{display:flex;align-items:center;flex:0 0 auto}.course-marquee-group span{display:inline-flex;align-items:center;gap:8px;padding:5px 17px;font-size:11px;color:var(--ink-2);white-space:nowrap}.course-marquee-group span .ui-icon{width:14px;height:14px;color:var(--sky-deep)}.course-marquee-group span b{font-weight:760}.course-marquee-group span i{width:4px;height:4px;border-radius:50%;background:var(--sky)}@keyframes mmCourseMarquee{to{transform:translate3d(-50%,0,0)}}

.proof-strip{background:#fff}.proof-strip>div{padding-block:12px}.proof-strip span{font-size:9.5px}

/* Compact editorial typography across the public site. */
.home-section{padding:86px 20px}.section-heading{gap:32px;margin-bottom:32px}.section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2{font-size:clamp(32px,3.45vw,45px);line-height:1.04;letter-spacing:-.045em}.section-heading>p,.books-intro>p,.instructor-copy>p,.cta-copy>p{font-size:12px;line-height:1.68}.featured-grid{gap:16px}.featured-body{padding:16px}.featured-body h3{font-size:18px;margin:10px 0 6px}.featured-body p{font-size:12px;min-height:48px}.featured-meta{font-size:9px}.featured-body footer strong{font-size:13px}.featured-body footer span{font-size:10px}
.free-lesson-section{min-height:620px;padding-block:78px;gap:48px}.free-stage-copy h2{font-size:clamp(31px,3.35vw,44px)}.free-stage-copy>p{font-size:12px}.free-points span{font-size:9.5px}.learning-flow{padding-top:92px}.flow-step{min-height:220px;padding:19px}.flow-icon{margin:18px 0 24px}.flow-step h3{font-size:18px}.flow-step p{font-size:10.8px}.books-section{padding-block:86px}.book-track{margin-top:38px}.book-item{width:190px;flex-basis:190px}.book-object{height:254px}.book-copy h3{font-size:14px}.platform-values{padding-block:88px}.values-card{padding:34px}.values-copy h2{font-size:clamp(29px,3vw,40px)}.values-copy p{font-size:11.5px}.values-grid strong{font-size:12px}.values-grid small{font-size:9.5px}.instructor-section{margin-bottom:88px;gap:56px}.instructor-photo{min-height:540px}.instructor-principles span{font-size:11.5px}.reviews-grid article{min-height:205px;padding:19px}.reviews-grid article>p{font-size:11.5px}.final-cta{min-height:450px;border-radius:28px;padding-top:58px}.cta-image{height:390px}.cta-copy{padding-bottom:56px}
.catalog-copy h1{font-size:clamp(40px,4.8vw,62px)}.course-page-copy h1{font-size:clamp(38px,4.4vw,58px)}.section-head h2{font-size:30px}.auth-form h2,.simple-auth-card h1,.checkout-main h1{font-size:30px}.student-top h1,.admin-top h1{font-size:27px}.continue-card h2{font-size:26px}.question-card h1{font-size:24px}.quiz-result h1{font-size:28px}

/* Footer V10 */
.footer-v10{max-width:none;margin:0;padding:54px max(20px,calc((100vw - var(--max))/2 + 20px)) 18px;background:#f8fcfd;border-top:1px solid #dfecef}.footer-v10 .footer-main{max-width:var(--max);margin:0 auto;grid-template-columns:1.5fr repeat(3,.62fr);gap:34px}.footer-v10 .footer-brand p{max-width:330px;margin:13px 0 18px;font-size:10.8px;line-height:1.65}.footer-socials{display:flex;gap:8px;align-items:center}.footer-socials a,.footer-socials .social-placeholder{width:34px;height:34px;border:1px solid #d8e8ed;border-radius:10px;background:#fff;display:grid;place-items:center;color:var(--ink-2);transition:transform .22s ease,border-color .22s ease,color .22s ease,background .22s ease}.footer-socials a:hover{transform:translateY(-3px);border-color:#a8dce9;color:var(--sky-deep);background:var(--sky-soft)}.footer-socials .social-placeholder{opacity:.48}.footer-socials .ui-icon{width:15px;height:15px}.footer-v10 .footer-col{gap:8px}.footer-v10 .footer-col>strong{font-size:9px}.footer-v10 .footer-col a{font-size:10.5px;line-height:1.45}.footer-v10 .footer-bottom{max-width:var(--max);margin:34px auto 0;padding-top:16px;font-size:9px;align-items:center}.powered-by{display:inline-flex;align-items:center;gap:4px;color:var(--muted);transition:color .2s}.powered-by strong{color:var(--ink);font-weight:800}.powered-by i{font-style:normal;color:var(--v10-heart);font-size:13px;line-height:1;animation:mmHeart 1.8s ease-in-out infinite}.powered-by:hover{color:var(--sky-deep)}@keyframes mmHeart{50%{transform:scale(1.13)}}

/* Richer but controlled transition layer. */
.page-transition{overflow:hidden;background:#fff;transition-duration:.42s}.page-transition:before,.page-transition:after{content:"";position:absolute;left:0;right:0;height:7px;background:var(--sky);transform:translateX(-102%)}.page-transition:before{top:45%}.page-transition:after{top:calc(45% + 14px);background:var(--hero)}.page-transition.active:before{animation:mmTransitionLine .36s .05s ease forwards}.page-transition.active:after{animation:mmTransitionLine .36s .1s ease forwards}@keyframes mmTransitionLine{to{transform:translateX(102%)}}

@media(max-width:900px){
  .site-header{height:60px;padding-inline:max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-left));backdrop-filter:none;-webkit-backdrop-filter:none}.site-header.scrolled{height:56px}.site-header .brand>span{font-size:12.5px}.mobile-menu-btn{width:38px;height:38px;border-color:var(--line);background:#fff}
  .home-hero{padding:78px 12px 24px}.hero-atmosphere{inset:60px 0 0}.hero-shell{grid-template-columns:1fr;gap:8px;padding:27px 19px 0;min-height:0;border-radius:25px}.hero-copy{padding-bottom:8px}.hero-copy h1{font-size:clamp(31px,7.8vw,38px);line-height:1.04;margin:11px 0 11px}.hero-copy>p{font-size:12px;line-height:1.6;max-width:440px}.hero-actions{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-actions .button{min-height:43px;padding-inline:10px;font-size:10.5px}.hero-trust{margin-top:18px;padding-top:13px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hero-trust span{min-width:0;gap:5px}.hero-trust strong{font-size:14px}.hero-trust small{font-size:7.5px;line-height:1.3}.hero-trust .ui-icon{width:15px}.hero-portrait{height:clamp(320px,82vw,430px);min-height:0;margin-top:2px}.portrait-panel{height:100%;width:100%;max-width:520px;border-radius:22px 22px 0 0}.portrait-panel img{height:96%;max-width:100%}.portrait-caption{left:12px;bottom:11px}.hero-orb{width:330px;height:330px;right:-130px;top:38%}.hero-orb-b{width:230px;height:230px;right:-65px;top:48%}
  .course-marquee{padding-block:9px 10px}.course-marquee-label{padding-inline:14px;font-size:7.5px}.course-marquee-track{animation-duration:25s}.course-marquee-group span{padding-inline:12px;font-size:10px}
  .proof-strip>div{grid-template-columns:repeat(2,1fr);padding:10px 13px}.proof-strip span{font-size:9px;justify-content:flex-start}
  .home-section{padding:66px 15px}.section-heading{margin-bottom:26px}.section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2{font-size:clamp(27px,6.8vw,33px);line-height:1.07}.section-heading>p,.books-intro>p,.instructor-copy>p,.cta-copy>p{font-size:11.5px}.featured-grid{grid-template-columns:1fr 1fr}.featured-body h3{font-size:16px}.free-lesson-section{padding:58px 15px;gap:28px}.free-stage-copy h2{font-size:clamp(27px,6.8vw,32px)}.flow-stage{grid-template-columns:1fr 1fr}.books-section{padding:64px 15px}.book-item{width:170px;flex-basis:170px}.book-object{height:227px}.values-card{padding:23px;gap:24px}.instructor-section{padding-inline:15px;gap:28px;margin-bottom:66px}.instructor-photo{min-height:450px}.final-cta{margin:0 10px 16px;padding:44px 18px 0}.cta-copy{padding-bottom:14px}.cta-image{height:315px}.footer-v10{padding-inline:18px}.footer-v10 .footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-v10 .footer-brand{grid-column:1/-1}.footer-v10 .footer-col:last-child{grid-column:auto}.footer-v10 .footer-bottom{display:flex;flex-wrap:wrap}
  .catalog-copy h1{font-size:clamp(34px,8vw,44px)}.course-page-copy h1{font-size:clamp(32px,7.6vw,42px)}.auth-form h2,.simple-auth-card h1,.checkout-main h1{font-size:28px}.student-top h1,.admin-top h1{font-size:25px}.continue-card h2{font-size:23px}
}

@media(max-width:620px){
  body{font-size:14px}.mobile-menu-copy{margin-top:30px}.mobile-menu-copy strong{font-size:17px}.mobile-menu nav{margin-top:20px}.mobile-menu nav a{font-size:20px;padding:11px 0}.mobile-menu-bottom{grid-template-columns:1fr}.mobile-start{width:100%;justify-content:center}.mobile-menu-utility{justify-content:space-between}
  .home-hero{padding-inline:10px}.hero-shell{padding:23px 15px 0;border-radius:22px}.hero-copy h1{font-size:clamp(29px,8.6vw,34px)}.hero-copy>p{font-size:11.5px}.hero-actions .button{font-size:10px}.hero-trust{grid-template-columns:1fr 1fr 1fr}.hero-portrait{height:clamp(300px,94vw,390px)}.portrait-caption strong{font-size:9px}
  .course-marquee-label{display:none}.course-marquee{padding-block:9px}.course-marquee-group span{font-size:9.7px;padding-inline:10px}
  .proof-strip>div{grid-template-columns:1fr 1fr}.proof-strip span{font-size:8.7px}
  .home-section{padding:56px 13px}.section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2{font-size:clamp(25px,7.3vw,30px)}.featured-grid,.catalog-grid{grid-template-columns:1fr}.featured-body h3{font-size:15.5px}.free-lesson-section{padding:50px 13px}.free-stage-copy h2{font-size:clamp(25px,7.2vw,30px)}.flow-stage{grid-template-columns:1fr}.flow-step{min-height:0;padding:16px}.flow-step h3{font-size:16px}.books-section{padding:56px 13px}.values-card{padding:17px}.values-grid{grid-template-columns:1fr}.instructor-photo{min-height:390px}.instructor-principles span{font-size:11px}.final-cta{padding-inline:15px}.cta-image{height:270px}.footer-v10 .footer-main{grid-template-columns:1fr 1fr;gap:26px 20px}.footer-v10 .footer-brand{grid-column:1/-1}.footer-v10 .footer-bottom{display:grid;gap:8px}.footer-socials a,.footer-socials .social-placeholder{width:32px;height:32px}
  .catalog-copy h1{font-size:clamp(31px,9vw,38px)}.course-page-copy h1{font-size:clamp(29px,8.6vw,36px)}.auth-form h2,.simple-auth-card h1,.checkout-main h1{font-size:26px}.student-top h1,.admin-top h1{font-size:23px}.continue-card h2{font-size:21px}.section-head h2{font-size:26px}.question-card h1{font-size:20px}.quiz-result h1{font-size:24px}
}

@media(max-width:390px){
  .mobile-menu{padding-inline:15px}.mobile-menu-copy strong{font-size:16px}.mobile-menu nav a{font-size:19px}.home-hero{padding-inline:8px}.hero-shell{padding-inline:13px}.hero-copy h1{font-size:29px}.hero-actions{grid-template-columns:1fr}.hero-trust{grid-template-columns:1fr}.hero-trust span{justify-content:flex-start}.hero-portrait{height:315px}.proof-strip>div{grid-template-columns:1fr}.proof-strip span{justify-content:center}.section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2{font-size:26px}.footer-v10 .footer-main{grid-template-columns:1fr}.footer-v10 .footer-brand{grid-column:auto}.footer-v10 .footer-col:last-child{grid-column:auto}
}

@media(prefers-reduced-motion:reduce){.course-marquee-track{animation:none;transform:none}.powered-by i{animation:none}.motion-ready .hero-copy .hero-eyebrow,.motion-ready .hero-copy h1,.motion-ready .hero-copy>p,.motion-ready .hero-actions,.motion-ready .hero-trust,.motion-ready .hero-portrait{opacity:1;transform:none}}
html[dir=rtl] .mobile-menu.open{transform:translate3d(0,0,0)}

/* ================================================================
   Dr. Elmancy V11 — Reference hero + typography/mobile hardening
   ================================================================ */
:root{--v11-sky:#66d2ee;--v11-sky-light:#dff8ff;--v11-sky-soft:#eefbfe;--v11-navy:#102e39;--v11-navy-2:#173f4d;--v11-white:#fff}
html[dir=ltr] body{font-family:"Manrope",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
html[dir=rtl] body{font-family:"Cairo","Segoe UI",Tahoma,Arial,sans-serif}
html[dir=rtl] .section-kicker,html[dir=rtl] .dash-kicker,html[dir=rtl] .form-kicker,html[dir=rtl] .hero-v11-kicker{letter-spacing:0;text-transform:none}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.28}

/* Consistent readable type — intentionally smaller than V10. */
.section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2{font-size:clamp(30px,3.2vw,43px)!important;line-height:1.12!important;letter-spacing:-.035em}
html[dir=rtl] .section-heading h2,html[dir=rtl] .books-intro h2,html[dir=rtl] .instructor-copy h2,html[dir=rtl] .cta-copy h2{font-size:clamp(29px,3vw,39px)!important;line-height:1.34!important;letter-spacing:0}
.section-heading>p,.books-intro>p,.instructor-copy>p,.cta-copy>p{font-size:12.5px!important;line-height:1.72!important}
.featured-body h3,.catalog-card h3{font-size:16px!important;line-height:1.35!important}
.catalog-copy h1{font-size:clamp(34px,4vw,52px)!important;line-height:1.12!important}.course-page-copy h1{font-size:clamp(33px,3.8vw,50px)!important;line-height:1.14!important}
html[dir=rtl] .catalog-copy h1,html[dir=rtl] .course-page-copy h1{line-height:1.32!important}
.auth-form h2,.simple-auth-card h1,.checkout-main h1{font-size:27px!important}.student-top h1,.admin-top h1{font-size:24px!important}.continue-card h2{font-size:22px!important}.question-card h1{font-size:21px!important}.quiz-result h1{font-size:25px!important}

/* White navigation like the reference — predictable over the light hero. */
.site-header{height:70px;color:var(--ink);background:rgba(255,255,255,.96);box-shadow:0 1px 0 rgba(18,51,63,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-header.scrolled{height:62px;background:rgba(255,255,255,.98)}
.site-header .brand-symbol{color:var(--sky-deep)}.nav-cta{background:var(--sky);color:#08222c}.mobile-menu-btn{border-color:var(--line);background:#fff;color:var(--ink)}

/* Reference-style hero. Person left / copy right in RTL, mirrored for English. */
.reference-hero-v11{position:relative;isolation:isolate;min-height:690px;padding:70px 22px 82px;display:flex;align-items:stretch;overflow:hidden;background:linear-gradient(116deg,#eafaff 0%,#bfeff9 36%,#88deef 70%,#61c9e6 100%);color:var(--v11-navy)}
.hero-v11-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hero-v11-particles{position:absolute;inset:0;opacity:.31;background-image:radial-gradient(circle at 14% 24%,rgba(255,255,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 19%,rgba(16,46,57,.25) 0 1px,transparent 1.5px),radial-gradient(circle at 88% 64%,rgba(255,255,255,.75) 0 1px,transparent 1.5px),radial-gradient(circle at 36% 77%,rgba(16,46,57,.2) 0 1px,transparent 1.5px);background-size:150px 170px,190px 210px,220px 180px,170px 240px;animation:v11Particles 18s linear infinite}@keyframes v11Particles{to{transform:translate3d(-18px,14px,0)}}
.hero-v11-glow{position:absolute;border-radius:50%;filter:blur(1px);opacity:.55}.hero-v11-glow-a{width:520px;height:520px;left:-160px;top:70px;background:radial-gradient(circle,rgba(255,255,255,.8),rgba(255,255,255,0) 69%)}.hero-v11-glow-b{width:430px;height:430px;right:-120px;bottom:-160px;background:radial-gradient(circle,rgba(15,92,117,.18),rgba(15,92,117,0) 70%)}
.hero-v11-shell{position:relative;z-index:3;width:min(1240px,100%);min-height:538px;margin:auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);grid-template-areas:"visual copy";align-items:center;gap:clamp(30px,5vw,82px)}
html[dir=ltr] .hero-v11-shell{grid-template-areas:"copy visual"}.hero-v11-visual{grid-area:visual;position:relative;align-self:end;height:590px;min-width:0;transform:translateY(var(--hero-shift,0px));transition:transform .14s linear}.hero-v11-copy{grid-area:copy;position:relative;z-index:4;max-width:590px;padding:44px 0 70px}.hero-v11-doctor{position:absolute;z-index:3;left:50%;bottom:-82px;width:auto;height:670px;max-width:none;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 24px 38px rgba(11,56,73,.18))}
.hero-v11-neural{position:absolute;z-index:1;left:50%;top:48%;width:min(530px,92%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:48% 52% 47% 53%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.58),rgba(255,255,255,.11) 35%,rgba(9,103,135,.09) 57%,transparent 69%);border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 0 80px rgba(255,255,255,.25)}
.hero-v11-neural:before,.hero-v11-neural:after,.hero-v11-neural span{content:"";position:absolute;inset:8%;border:1px solid rgba(13,105,136,.16);border-radius:46% 54% 52% 48%;animation:v11Neural 12s linear infinite}.hero-v11-neural:after{inset:18%;animation-duration:9s;animation-direction:reverse;border-style:dashed}.hero-v11-neural span:nth-child(1){inset:28%;animation-duration:7s}.hero-v11-neural span:nth-child(2){inset:38%;animation-duration:5.5s;animation-direction:reverse}.hero-v11-neural span:nth-child(3){inset:4%;border-color:rgba(255,255,255,.42);animation-duration:16s}.hero-v11-neural span:nth-child(4){inset:13%;border-color:rgba(255,255,255,.25);animation-duration:10s;animation-direction:reverse}@keyframes v11Neural{to{transform:rotate(360deg)}}
.hero-v11-name-card{position:absolute;z-index:5;left:22px;bottom:32px;display:grid;grid-template-columns:8px 1fr;column-gap:8px;align-items:center;padding:9px 13px;border:1px solid rgba(255,255,255,.58);border-radius:12px;background:rgba(255,255,255,.7);box-shadow:0 12px 35px rgba(17,73,92,.09);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hero-v11-name-card i{grid-row:1/3;width:6px;height:6px;border-radius:50%;background:var(--sky-deep);box-shadow:0 0 0 5px rgba(17,142,188,.12)}.hero-v11-name-card span{font-size:8px;color:var(--muted)}.hero-v11-name-card strong{font-size:10.5px;line-height:1.3}
.hero-v11-kicker{display:flex;align-items:center;gap:9px;margin-bottom:15px;font-size:12px;font-weight:800;color:#127e9f}.hero-v11-kicker span{width:28px;height:2px;border-radius:4px;background:#127e9f}.hero-v11-copy h1{max-width:570px;margin:0;font-size:clamp(40px,4.3vw,60px);line-height:1.08;letter-spacing:-.052em;font-weight:850;text-wrap:balance}.hero-v11-copy h1::first-line{color:var(--v11-navy)}html[dir=rtl] .hero-v11-copy h1{font-size:clamp(37px,3.7vw,52px);line-height:1.35;letter-spacing:0;font-weight:800}.hero-v11-copy>p{max-width:510px;margin:18px 0 0;font-size:14px;line-height:1.8;color:#28515f}.hero-v11-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.hero-v11-actions .button{min-height:47px;padding-inline:18px;border-radius:12px;font-size:12px}.hero-v11-primary{background:var(--v11-navy);color:#fff;box-shadow:0 14px 30px rgba(16,46,57,.17)}.hero-v11-primary:hover{background:#183f4e;color:#fff}.hero-v11-secondary{background:rgba(255,255,255,.78);border-color:rgba(255,255,255,.85);color:var(--v11-navy)}.hero-v11-features{display:flex;flex-wrap:wrap;gap:17px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(16,46,57,.12)}.hero-v11-features span{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#315968}.hero-v11-features .ui-icon{width:14px;height:14px;color:#118ebc}
.hero-v11-side-note{position:absolute;z-index:4;right:22px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:right center;display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:rgba(16,46,57,.48)}.hero-v11-side-note strong{color:#147e9e}.hero-v11-wave{position:absolute;z-index:6;left:0;right:0;bottom:-1px;width:100%;height:105px;pointer-events:none}.hero-v11-wave path{fill:var(--bg)}

/* The short medical signal is the intro itself, not a blocking video. */
.hero-v11-signal{position:absolute;z-index:12;left:50%;top:50%;width:250px;height:250px;transform:translate(-50%,-50%);display:grid;place-items:center;opacity:0;pointer-events:none}.hero-v11-signal .signal-ring,.hero-v11-signal .signal-core{position:absolute;border-radius:50%}.signal-ring-a{inset:0;border:1px solid rgba(16,46,57,.26)}.signal-ring-b{inset:18%;border:1px dashed rgba(16,46,57,.27)}.signal-ring-c{inset:34%;border:1px solid rgba(255,255,255,.78)}.signal-core{width:18px;height:18px;background:var(--v11-navy);box-shadow:0 0 0 10px rgba(16,46,57,.08),0 0 40px rgba(16,46,57,.2)}.hero-v11-signal svg{width:76%;position:relative;z-index:2}.hero-v11-signal path{fill:none;stroke:var(--v11-navy);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1}
.motion-ready .reference-hero-v11:not(.is-ready) .hero-v11-copy,.motion-ready .reference-hero-v11:not(.is-ready) .hero-v11-visual,.motion-ready .reference-hero-v11:not(.is-ready) .hero-v11-wave{opacity:0}.motion-ready .reference-hero-v11:not(.is-ready) .hero-v11-copy{transform:translateY(24px)}.motion-ready .reference-hero-v11:not(.is-ready) .hero-v11-visual{transform:translateY(38px) scale(.985)}.motion-ready .reference-hero-v11 .hero-v11-signal{opacity:1}.motion-ready .reference-hero-v11.is-ready .hero-v11-signal{animation:v11SignalExit 1.32s .08s cubic-bezier(.2,.8,.2,1) forwards}.motion-ready .reference-hero-v11.is-ready .hero-v11-signal path{animation:v11SignalDraw .64s ease forwards}.motion-ready .reference-hero-v11.is-ready .signal-ring-a{animation:v11Ring 1s ease-out forwards}.motion-ready .reference-hero-v11.is-ready .signal-ring-b{animation:v11Ring 1s .09s ease-out forwards}.motion-ready .reference-hero-v11.is-ready .signal-ring-c{animation:v11Ring 1s .16s ease-out forwards}.motion-ready .reference-hero-v11.is-ready .hero-v11-copy{animation:v11CopyIn .72s .58s cubic-bezier(.16,.8,.25,1) both}.motion-ready .reference-hero-v11.is-ready .hero-v11-visual{animation:v11PersonIn .85s .38s cubic-bezier(.16,.8,.25,1) both}.motion-ready .reference-hero-v11.is-ready .hero-v11-wave{animation:v11WaveIn .7s .65s cubic-bezier(.16,.8,.25,1) both}@keyframes v11SignalDraw{to{stroke-dashoffset:0}}@keyframes v11Ring{0%{transform:scale(.7);opacity:0}55%{opacity:1}100%{transform:scale(1.14);opacity:0}}@keyframes v11SignalExit{0%,52%{opacity:1;transform:translate(-50%,-50%) scale(.88)}100%{opacity:0;transform:translate(-50%,-50%) scale(3.3)}}@keyframes v11CopyIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes v11PersonIn{from{opacity:0;transform:translateY(42px) scale(.985)}to{opacity:1;transform:translateY(var(--hero-shift,0px)) scale(1)}}@keyframes v11WaveIn{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}

/* Ticker gets a cleaner continuous edge treatment. */
.course-marquee{position:relative;background:#fff;border-color:#dfecef}.course-marquee:before,.course-marquee:after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:70px;pointer-events:none}.course-marquee:before{left:0;background:linear-gradient(90deg,#fff,transparent)}.course-marquee:after{right:0;background:linear-gradient(-90deg,#fff,transparent)}.course-marquee-track{animation-duration:24s}.course-marquee-group span{font-weight:750}

/* Mobile menu is a real isolated screen, not an overlay full of collisions. */
.mobile-menu{z-index:620;width:100%;height:100dvh;min-height:100svh;overflow-y:auto;overscroll-behavior:contain;background:#fff;transform:translate3d(0,-12px,0)}.mobile-menu.open{transform:translate3d(0,0,0)}.mobile-menu nav{margin:28px 0 18px;flex:0 0 auto}.mobile-menu nav a{font-size:20px;line-height:1.25;letter-spacing:-.02em;padding:12px 0}.mobile-menu-bottom{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}html[dir=rtl] .mobile-menu nav a{font-family:"Cairo",sans-serif;letter-spacing:0;font-size:19px;line-height:1.5}

@media(max-width:900px){
  .site-header{height:60px;padding-inline:max(13px,env(safe-area-inset-right)) max(13px,env(safe-area-inset-left))}.site-header.scrolled{height:58px}.desktop-nav,.nav-actions{display:none}.mobile-menu-btn{display:grid}
  .reference-hero-v11{min-height:0;padding:60px 14px 50px;display:block}.hero-v11-shell{min-height:0;grid-template-columns:1fr;grid-template-areas:"copy" "visual"!important;gap:5px;padding-top:20px}.hero-v11-copy{max-width:680px;padding:20px 8px 6px}.hero-v11-kicker{font-size:10.5px;margin-bottom:10px}.hero-v11-copy h1{max-width:620px;font-size:clamp(30px,6.8vw,39px);line-height:1.12;letter-spacing:-.035em}.hero-v11-copy>p{font-size:12.5px;line-height:1.72;margin-top:12px}.hero-v11-actions{margin-top:18px}.hero-v11-actions .button{min-height:44px;font-size:11px}.hero-v11-features{gap:12px;margin-top:17px;padding-top:14px}.hero-v11-features span{font-size:9px}.hero-v11-visual{height:430px;align-self:auto;transform:none!important}.hero-v11-doctor{height:465px;bottom:-52px;max-width:none}.hero-v11-neural{width:min(430px,90vw);top:52%}.hero-v11-name-card{left:16px;bottom:28px}.hero-v11-side-note{display:none}.hero-v11-wave{height:64px}.hero-v11-signal{width:190px;height:190px;top:57%}
  html[dir=rtl] .hero-v11-copy h1{font-size:clamp(29px,6.5vw,36px);line-height:1.4;font-weight:800}
  .section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2{font-size:clamp(25px,5.3vw,31px)!important;line-height:1.16!important}.section-heading>p,.books-intro>p,.instructor-copy>p,.cta-copy>p{font-size:12px!important}.catalog-copy h1{font-size:clamp(29px,6.5vw,38px)!important}.course-page-copy h1{font-size:clamp(28px,6.2vw,36px)!important}
  html[dir=rtl] .section-heading h2,html[dir=rtl] .books-intro h2,html[dir=rtl] .instructor-copy h2,html[dir=rtl] .cta-copy h2{font-size:clamp(24px,5vw,29px)!important;line-height:1.42!important}
}

@media(max-width:620px){
  body{font-size:13.5px}.reference-hero-v11{padding-inline:10px;padding-bottom:43px}.hero-v11-shell{padding-top:13px}.hero-v11-copy{padding-inline:7px}.hero-v11-copy h1{font-size:clamp(27px,7.8vw,32px);line-height:1.16}.hero-v11-copy>p{font-size:11.5px;line-height:1.72}.hero-v11-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-v11-actions .button{padding-inline:9px;font-size:10px}.hero-v11-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.hero-v11-features span{justify-content:center;text-align:center;font-size:8px;gap:4px}.hero-v11-features .ui-icon{width:12px;height:12px}.hero-v11-visual{height:365px}.hero-v11-doctor{height:400px;bottom:-46px}.hero-v11-neural{width:min(355px,92vw)}.hero-v11-name-card{bottom:19px;padding:7px 10px}.hero-v11-name-card span{font-size:7px}.hero-v11-name-card strong{font-size:9px}.hero-v11-wave{height:48px}.hero-v11-signal{width:154px;height:154px;top:62%}
  html[dir=rtl] .hero-v11-copy h1{font-size:clamp(26px,7.2vw,30px);line-height:1.46}.hero-v11-kicker{font-size:9.5px}.hero-v11-kicker span{width:20px}.section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2{font-size:clamp(23px,6.2vw,27px)!important;line-height:1.19!important}.featured-body h3,.catalog-card h3{font-size:15px!important}.section-heading>p,.books-intro>p,.instructor-copy>p,.cta-copy>p{font-size:11.3px!important}.auth-form h2,.simple-auth-card h1,.checkout-main h1{font-size:23px!important}.student-top h1,.admin-top h1{font-size:21px!important}.continue-card h2{font-size:19px!important}
  html[dir=rtl] .section-heading h2,html[dir=rtl] .books-intro h2,html[dir=rtl] .instructor-copy h2,html[dir=rtl] .cta-copy h2{font-size:clamp(22px,5.8vw,26px)!important;line-height:1.48!important}
}

@media(max-width:390px){
  .reference-hero-v11{padding-inline:8px}.hero-v11-copy{padding-inline:5px}.hero-v11-copy h1{font-size:27px}.hero-v11-copy>p{font-size:11px}.hero-v11-actions{grid-template-columns:1fr}.hero-v11-actions .button{font-size:10.5px}.hero-v11-visual{height:335px}.hero-v11-doctor{height:365px}.hero-v11-name-card{display:none}.hero-v11-features span{font-size:7.6px}.section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2{font-size:23px!important}.mobile-menu nav a{font-size:18px}html[dir=rtl] .hero-v11-copy h1{font-size:25px;line-height:1.5}html[dir=rtl] .section-heading h2,html[dir=rtl] .books-intro h2,html[dir=rtl] .instructor-copy h2,html[dir=rtl] .cta-copy h2{font-size:22px!important;line-height:1.52!important}
}

@media(max-width:340px){.hero-v11-visual{height:305px}.hero-v11-doctor{height:334px}.hero-v11-features{grid-template-columns:1fr}.hero-v11-features span{justify-content:flex-start;font-size:8.5px}.hero-v11-neural{width:300px}.hero-v11-copy h1{font-size:25px}html[dir=rtl] .hero-v11-copy h1{font-size:23.5px}.section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2{font-size:21px!important}}

@media(prefers-reduced-motion:reduce){.hero-v11-particles,.hero-v11-neural:before,.hero-v11-neural:after,.hero-v11-neural span{animation:none!important}.hero-v11-signal{display:none!important}.motion-ready .reference-hero-v11 .hero-v11-copy,.motion-ready .reference-hero-v11 .hero-v11-visual,.motion-ready .reference-hero-v11 .hero-v11-wave{opacity:1!important;transform:none!important;animation:none!important}}
@media(max-width:900px){.site-header{padding-left:max(13px,env(safe-area-inset-left));padding-right:max(13px,env(safe-area-inset-right))}}

/* =========================================================
   Dr. Elmancy V12 — compact typography + iPhone/Android pass
   ========================================================= */
:root{
  --font-ar-body:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;
  --font-ar-display:"Aref Ruqaa",Georgia,serif;
}
html,body{max-width:100%;overflow-x:clip}
body{font-size:14px;line-height:1.6}
html[dir="rtl"] body{font-family:var(--font-ar-body);font-size:14px}
html[dir="rtl"] button,html[dir="rtl"] input,html[dir="rtl"] select,html[dir="rtl"] textarea{font-family:var(--font-ar-body)}

/* Arabic display face: Ruqaa flavour only where it helps, not in utility UI. */
html[dir="rtl"] .hero-v11-copy h1,
html[dir="rtl"] .section-heading h2,
html[dir="rtl"] .books-intro h2,
html[dir="rtl"] .instructor-copy h2,
html[dir="rtl"] .cta-copy h2,
html[dir="rtl"] .section-head h2,
html[dir="rtl"] .catalog-copy h1,
html[dir="rtl"] .course-page-copy h1{
  font-family:var(--font-ar-display);
  font-weight:700;
  letter-spacing:0!important;
  text-wrap:balance;
}

/* Compact desktop scale. */
.hero-v11-copy h1{font-size:clamp(34px,3.7vw,50px);line-height:1.08;letter-spacing:-.038em}
html[dir="rtl"] .hero-v11-copy h1{font-size:clamp(32px,3.25vw,44px);line-height:1.42}
.hero-v11-copy>p{font-size:13px;line-height:1.72;max-width:485px}
.hero-v11-kicker{font-size:10px}
.hero-v11-actions .button{font-size:11px;min-height:44px}
.hero-v11-features span{font-size:9px}
.section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2,.section-head h2{font-size:clamp(27px,2.9vw,36px)!important;line-height:1.12!important}
html[dir="rtl"] .section-heading h2,html[dir="rtl"] .books-intro h2,html[dir="rtl"] .instructor-copy h2,html[dir="rtl"] .cta-copy h2,html[dir="rtl"] .section-head h2{font-size:clamp(26px,2.65vw,34px)!important;line-height:1.45!important}
.section-heading>p,.books-intro>p,.instructor-copy>p,.cta-copy>p{font-size:12px!important;line-height:1.7!important}
.catalog-copy h1{font-size:clamp(35px,4vw,52px)!important;line-height:1.05!important}
.course-page-copy h1{font-size:clamp(34px,3.8vw,50px)!important;line-height:1.08!important}
html[dir="rtl"] .catalog-copy h1,html[dir="rtl"] .course-page-copy h1{font-size:clamp(30px,3.3vw,43px)!important;line-height:1.42!important}
.auth-brand-copy h1{font-size:clamp(34px,3.8vw,50px)}
.auth-form h2,.simple-auth-card h1,.checkout-main h1{font-size:25px!important;line-height:1.14!important}
.legal-page h1{font-size:clamp(32px,3.5vw,46px)}
.not-found h1{font-size:48px}

/* Cleaner page transition: true center, no travelling bars. */
.page-transition{
  inset:0!important;
  display:block!important;
  opacity:0;
  visibility:hidden;
  transform:none!important;
  background:rgba(255,255,255,.985)!important;
  transition:opacity .24s ease,visibility .24s ease!important;
  overflow:hidden;
  contain:layout paint;
}
.page-transition.active{opacity:1;visibility:visible}
.page-transition:before,.page-transition:after{content:none!important;display:none!important;animation:none!important}
.page-transition>div{
  position:absolute;
  left:50%;top:50%;
  width:62px;height:62px;
  transform:translate3d(-50%,-50%,0) scale(.92);
  display:grid;place-items:center;
  border-radius:20px;
  background:#fff;
  box-shadow:0 10px 38px rgba(18,51,63,.10);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s ease;
}
.page-transition.active>div{transform:translate3d(-50%,-50%,0) scale(1)}
.page-transition>div:after{
  content:"";position:absolute;inset:-9px;border:1px solid rgba(17,142,188,.18);border-radius:25px;
  opacity:0;transform:scale(.82)
}
.page-transition.active>div:after{animation:v12TransitionPulse .48s ease-out both}
.transition-brand{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:38px!important;height:38px!important;color:var(--hero)}
@keyframes v12TransitionPulse{0%{opacity:0;transform:scale(.82)}40%{opacity:1}100%{opacity:0;transform:scale(1.28)}}

/* Make the hero intro calm on touch devices; no explosive zoom. */
@keyframes v12SignalMobileExit{0%{opacity:1;transform:translate(-50%,-50%) scale(.9)}55%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.18)}}

/* Strict viewport containment for iOS/Android. */
.reference-hero-v11,.hero-v11-shell,.hero-v11-copy,.hero-v11-visual,.featured-section,.course-marquee,.free-lesson-section,.study-flow,.books-section,.instructor-section,.final-cta{max-width:100%;min-width:0}
.hero-v11-doctor{max-width:100vw}

@media(max-width:900px){
  html{scroll-padding-top:66px}
  body,html[dir="rtl"] body{font-size:13.5px}
  .site-header{height:62px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .brand-symbol{width:30px;height:30px}.brand>span{font-size:13px}
  .mobile-menu-btn{width:38px;height:38px;border-radius:10px}
  .reference-hero-v11{padding:62px 0 42px;min-height:0}
  .hero-v11-shell{width:100%;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"copy" "visual"!important;gap:0;padding:15px 16px 0;margin:0}
  .hero-v11-copy{width:100%;max-width:none;padding:20px 2px 5px}
  .hero-v11-copy h1{font-size:clamp(27px,6.5vw,34px);line-height:1.15;max-width:560px}
  html[dir="rtl"] .hero-v11-copy h1{font-size:clamp(25px,6vw,31px);line-height:1.5;max-width:560px}
  .hero-v11-copy>p{font-size:12px;line-height:1.75;margin-top:10px;max-width:560px}
  .hero-v11-kicker{font-size:9px;margin-bottom:9px}
  .hero-v11-actions{margin-top:16px;gap:8px}
  .hero-v11-actions .button{min-height:42px;font-size:10.5px;padding-inline:14px}
  .hero-v11-features{margin-top:15px;padding-top:13px;gap:10px}
  .hero-v11-features span{font-size:8.5px}
  .hero-v11-visual{width:100%;height:360px;overflow:hidden;transform:none!important;margin-top:0}
  .hero-v11-doctor{height:390px;max-width:96vw;bottom:-42px;left:50%;transform:translateX(-50%)}
  .hero-v11-neural{width:min(360px,86vw);top:52%}
  .hero-v11-wave{height:45px}
  .hero-v11-side-note{display:none}
  .hero-v11-signal{width:132px;height:132px;top:55%;left:50%;transform:translate(-50%,-50%)}
  .motion-ready .reference-hero-v11.is-ready .hero-v11-signal{animation:v12SignalMobileExit .7s .02s ease-out forwards!important}
  .motion-ready .reference-hero-v11.is-ready .hero-v11-copy{animation-duration:.48s!important;animation-delay:.18s!important}
  .motion-ready .reference-hero-v11.is-ready .hero-v11-visual{animation-duration:.56s!important;animation-delay:.12s!important}
  .section,.featured-section,.free-lesson-section,.study-flow,.books-section,.instructor-section{padding-top:58px!important;padding-bottom:58px!important}
  .section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2,.section-head h2{font-size:clamp(23px,4.7vw,28px)!important;line-height:1.2!important}
  html[dir="rtl"] .section-heading h2,html[dir="rtl"] .books-intro h2,html[dir="rtl"] .instructor-copy h2,html[dir="rtl"] .cta-copy h2,html[dir="rtl"] .section-head h2{font-size:clamp(22px,4.5vw,27px)!important;line-height:1.52!important}
  .section-heading>p,.books-intro>p,.instructor-copy>p,.cta-copy>p{font-size:11.5px!important;line-height:1.75!important}
  .catalog-copy h1,.course-page-copy h1{font-size:clamp(27px,6vw,34px)!important;line-height:1.18!important}
  html[dir="rtl"] .catalog-copy h1,html[dir="rtl"] .course-page-copy h1{font-size:clamp(25px,5.6vw,31px)!important;line-height:1.5!important}
  .auth-brand-copy h1{font-size:34px}.auth-form h2,.simple-auth-card h1,.checkout-main h1{font-size:23px!important}
  .mobile-menu nav a{font-size:18px;line-height:1.3;padding:11px 0}
  html[dir="rtl"] .mobile-menu nav a{font-family:var(--font-ar-body);font-size:17px;line-height:1.6}
  .mobile-menu nav a span{font-size:8px}
  .mobile-menu-bottom{font-size:11px}
  .final-cta{margin-inline:12px!important;width:auto!important;border-radius:22px!important}
}

@media(max-width:620px){
  body,html[dir="rtl"] body{font-size:13px}
  .hero-v11-shell{padding-inline:14px}
  .hero-v11-copy h1{font-size:27px;line-height:1.18}
  html[dir="rtl"] .hero-v11-copy h1{font-size:25px;line-height:1.52}
  .hero-v11-copy>p{font-size:11.5px;line-height:1.75}
  .hero-v11-actions{grid-template-columns:1fr 1fr}
  .hero-v11-actions .button{font-size:10px;padding-inline:9px}
  .hero-v11-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .hero-v11-features span{font-size:8px;white-space:normal;text-align:center;justify-content:center}
  .hero-v11-visual{height:335px}.hero-v11-doctor{height:365px;bottom:-40px;max-width:98vw}
  .hero-v11-neural{width:min(330px,88vw)}
  .section,.featured-section,.free-lesson-section,.study-flow,.books-section,.instructor-section{padding:48px 14px!important}
  .section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2,.section-head h2{font-size:23px!important;line-height:1.23!important}
  html[dir="rtl"] .section-heading h2,html[dir="rtl"] .books-intro h2,html[dir="rtl"] .instructor-copy h2,html[dir="rtl"] .cta-copy h2,html[dir="rtl"] .section-head h2{font-size:22px!important;line-height:1.55!important}
  .section-heading>p,.books-intro>p,.instructor-copy>p,.cta-copy>p{font-size:11px!important}
  .featured-body h3,.catalog-card h3,.catalog-body h2{font-size:15px!important;line-height:1.35}
  .auth-form h2,.simple-auth-card h1,.checkout-main h1{font-size:21px!important}
  .student-top h1,.admin-top h1{font-size:19px!important}.continue-card h2{font-size:18px!important}.question-card h1{font-size:19px!important;line-height:1.45}
  .page-transition>div{width:56px;height:56px;border-radius:18px}.transition-brand{width:34px!important;height:34px!important}
}

@media(max-width:430px){
  .hero-v11-shell{padding-inline:12px}
  .hero-v11-copy{padding-top:16px}
  .hero-v11-copy h1{font-size:25px}
  html[dir="rtl"] .hero-v11-copy h1{font-size:23.5px;line-height:1.56}
  .hero-v11-copy>p{font-size:11px}
  .hero-v11-actions{grid-template-columns:1fr}
  .hero-v11-actions .button{width:100%;min-height:41px;font-size:10.5px}
  .hero-v11-features{grid-template-columns:1fr 1fr 1fr}
  .hero-v11-visual{height:305px}.hero-v11-doctor{height:334px;bottom:-37px}
  .hero-v11-neural{width:min(300px,88vw)}
  .hero-v11-name-card{display:none}
  .section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2,.section-head h2{font-size:21.5px!important;line-height:1.27!important}
  html[dir="rtl"] .section-heading h2,html[dir="rtl"] .books-intro h2,html[dir="rtl"] .instructor-copy h2,html[dir="rtl"] .cta-copy h2,html[dir="rtl"] .section-head h2{font-size:20.5px!important;line-height:1.58!important}
  .catalog-copy h1,.course-page-copy h1{font-size:25px!important}
  html[dir="rtl"] .catalog-copy h1,html[dir="rtl"] .course-page-copy h1{font-size:23px!important;line-height:1.55!important}
  .brand>span{font-size:12px}
  .mobile-menu{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .mobile-menu nav a{font-size:17px}.mobile-menu-bottom{font-size:10.5px}
}

@media(max-width:360px){
  .hero-v11-shell{padding-inline:10px}
  .hero-v11-copy h1{font-size:23px}html[dir="rtl"] .hero-v11-copy h1{font-size:22px}
  .hero-v11-visual{height:282px}.hero-v11-doctor{height:310px}
  .hero-v11-features{grid-template-columns:1fr}.hero-v11-features span{justify-content:flex-start;text-align:start;font-size:8.5px}
  .section-heading h2,.books-intro h2,.instructor-copy h2,.cta-copy h2,.section-head h2{font-size:20px!important}
  html[dir="rtl"] .section-heading h2,html[dir="rtl"] .books-intro h2,html[dir="rtl"] .instructor-copy h2,html[dir="rtl"] .cta-copy h2,html[dir="rtl"] .section-head h2{font-size:19.5px!important}
}

@media(prefers-reduced-motion:reduce){
  .page-transition{transition:none!important}.page-transition>div:after{animation:none!important}
}

/* =========================================================
   DR. ELMANCY V13 — brand rebuild / editorial medical system
   ========================================================= */
:root{
  --elm-navy:#0b1830;--elm-navy-2:#132540;--elm-navy-3:#203650;
  --elm-sky:#37bfe7;--elm-sky-2:#72d5ef;--elm-sky-soft:#eaf8fc;--elm-sky-pale:#f4fbfd;
  --elm-ink:#142833;--elm-muted:#6c7d86;--elm-line:#dce9ed;--elm-bg:#f8fbfc;
  --elm-shadow:0 24px 70px rgba(11,24,48,.10);--elm-radius:22px;
  --font:"Manrope",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-ar:"Tajawal","Segoe UI",Tahoma,sans-serif;--font-ar-display:"Alexandria","Tajawal",sans-serif;
  --hero:var(--elm-navy);--hero-2:#071326;--sky:var(--elm-sky);--sky-deep:#158eb6;--sky-soft:var(--elm-sky-soft);
  --ink:var(--elm-ink);--muted:var(--elm-muted);--line:var(--elm-line);--bg:var(--elm-bg);--surface:#fff;
}
body.elm-v13{background:var(--elm-bg);color:var(--elm-ink);font-family:var(--font);font-size:14px;line-height:1.68}
html[dir=rtl] body.elm-v13{font-family:var(--font-ar);font-size:14px;line-height:1.8}
body.elm-v13 h1,body.elm-v13 h2,body.elm-v13 h3{letter-spacing:-.035em;line-height:1.12}
html[dir=rtl] body.elm-v13 h1,html[dir=rtl] body.elm-v13 h2,html[dir=rtl] body.elm-v13 h3{font-family:var(--font-ar-display);letter-spacing:0!important;line-height:1.45}
.elm-kicker{display:inline-flex;align-items:center;gap:9px;font-size:9.5px;line-height:1.2;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#168fb7}.elm-kicker:before{content:"";width:23px;height:2px;border-radius:2px;background:var(--elm-sky)}html[dir=rtl] .elm-kicker{letter-spacing:0;font-family:var(--font-ar);font-size:10.5px}.elm-kicker.light{color:#a9e9f8}.elm-kicker.light:before{background:#8ae2f5}
.elm-btn{min-height:44px;padding:0 16px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:800;border:1px solid transparent;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.elm-btn .ui-icon{width:16px;height:16px}.elm-btn:hover{transform:translateY(-2px)}.elm-btn-primary{background:var(--elm-navy);color:#fff;box-shadow:0 14px 32px rgba(11,24,48,.16)}.elm-btn-primary:hover{background:#142b4b}.elm-btn-secondary{background:#fff;color:var(--elm-navy);border-color:#cfe3ea}.elm-btn-secondary:hover{border-color:#8bcfe2;background:#f7fdff}.elm-btn-light{background:#fff;color:var(--elm-navy);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.elm-text-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;color:var(--elm-navy)}.elm-text-link .ui-icon{width:16px;height:16px;transition:transform .2s}.elm-text-link:hover .ui-icon{transform:translateX(4px)}html[dir=rtl] .elm-text-link .ui-icon{transform:rotate(180deg)}html[dir=rtl] .elm-text-link:hover .ui-icon{transform:rotate(180deg) translateX(4px)}

/* Brand mark */
.elm-brand{gap:9px;letter-spacing:0}.elm-brand .brand-symbol{width:38px;height:38px;border-radius:50%;object-fit:contain;flex:0 0 auto}.elm-brand>span{display:flex;flex-direction:column;gap:1px;line-height:1.05}.elm-brand b{font-family:var(--font);font-size:12px;letter-spacing:.045em;color:inherit}.elm-brand small{font-size:7px;font-weight:650;letter-spacing:.11em;text-transform:uppercase;opacity:.56}.app-mobile-bar .elm-brand .brand-symbol{width:31px;height:31px}.app-mobile-bar .elm-brand b{font-size:10px}.app-mobile-bar .elm-brand small{font-size:6px}

/* Header */
.site-header.elm-header{height:68px;padding-inline:clamp(18px,4vw,62px);background:rgba(255,255,255,.9);color:var(--elm-navy);box-shadow:0 1px 0 rgba(11,24,48,.07);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.site-header.elm-header.scrolled{height:62px;background:rgba(255,255,255,.96);color:var(--elm-navy);box-shadow:0 12px 32px rgba(11,24,48,.06)}.elm-header .desktop-nav{gap:26px}.elm-header .desktop-nav a{font-size:10.5px;font-weight:700;opacity:.7}.elm-header .desktop-nav a:after{bottom:-10px}.elm-header .language-link,.elm-header .nav-login{font-size:10px;height:34px}.elm-header .nav-cta{height:38px;background:var(--elm-navy);color:#fff;font-size:10px;padding-inline:13px}.elm-header.scrolled .nav-cta{background:var(--elm-navy);color:#fff}.elm-header .mobile-menu-btn{border-color:var(--elm-line);background:#fff}

/* Clean splash + page transition, true center on iOS and Android. */
.elm-splash{position:fixed;inset:0;z-index:700;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);transition:opacity .34s ease,visibility .34s ease}.elm-splash.done{opacity:0;visibility:hidden;pointer-events:none}.elm-splash-ring{position:relative;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 10px 40px rgba(11,24,48,.1)}.elm-splash-ring:before,.elm-splash-ring:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(55,191,231,.28);animation:elmSplashPulse 1.1s ease-out infinite}.elm-splash-ring:before{inset:-9px}.elm-splash-ring:after{inset:-18px;animation-delay:.2s}.elm-splash-ring img{width:52px;height:52px;border-radius:50%;object-fit:cover}.elm-splash>span{font-size:9px;font-weight:800;letter-spacing:.16em;color:var(--elm-navy)}@keyframes elmSplashPulse{0%{opacity:0;transform:scale(.84)}35%{opacity:1}100%{opacity:0;transform:scale(1.12)}}
.page-transition.elm-page-transition{position:fixed;inset:0!important;z-index:650;background:rgba(255,255,255,.985)!important;opacity:0;visibility:hidden;transform:none!important;display:block!important;transition:opacity .2s ease,visibility .2s ease!important;pointer-events:none}.page-transition.elm-page-transition.active{opacity:1;visibility:visible}.elm-page-transition>div{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%) scale(.93);border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 10px 38px rgba(11,24,48,.12);transition:transform .23s ease}.elm-page-transition.active>div{transform:translate(-50%,-50%) scale(1)}.elm-page-transition img{width:48px;height:48px;border-radius:50%;object-fit:cover}.elm-page-transition>div:after{content:"";position:absolute;inset:-8px;border:1px solid rgba(55,191,231,.35);border-radius:50%;animation:elmTransition .45s ease-out infinite}@keyframes elmTransition{from{opacity:.8;transform:scale(.84)}to{opacity:0;transform:scale(1.24)}}

/* Hero */
.elm-hero{position:relative;min-height:760px;padding:108px 24px 54px;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f4fbfd 48%,#e9f8fc 100%);color:var(--elm-navy)}.elm-hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-93px;height:170px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0;z-index:2}.elm-hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.elm-hero-bg:before{content:"";position:absolute;width:720px;height:720px;border-radius:50%;right:-210px;top:-180px;background:radial-gradient(circle,rgba(55,191,231,.16),rgba(55,191,231,0) 67%)}html[dir=rtl] .elm-hero-bg:before{right:auto;left:-210px}.elm-hero-bg i{position:absolute;border-radius:50%;border:1px solid rgba(23,143,183,.11)}.elm-hero-bg i:nth-child(1){width:520px;height:520px;right:5%;top:14%;animation:elmDrift 17s ease-in-out infinite}.elm-hero-bg i:nth-child(2){width:340px;height:340px;right:11%;top:24%;animation:elmDrift 13s ease-in-out infinite reverse}.elm-hero-bg i:nth-child(3){width:130px;height:130px;left:9%;bottom:11%;border-color:rgba(11,24,48,.06)}@keyframes elmDrift{50%{transform:translate3d(0,-12px,0) scale(1.02)}}
.elm-hero-shell{position:relative;z-index:3;max-width:1180px;min-height:580px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:56px;align-items:center}.elm-hero-copy{max-width:570px}.elm-hero-copy h1{font-size:clamp(38px,4.2vw,54px);max-width:620px;margin:17px 0 14px;font-weight:800;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.elm-hero-copy>p{max-width:510px;margin:0;color:#586d77;font-size:13.5px;line-height:1.8}.elm-hero-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.elm-hero-pills span{padding:6px 9px;border:1px solid #d5e9ef;border-radius:999px;background:rgba(255,255,255,.72);font-size:9px;font-weight:800;color:#50656e}.elm-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.elm-hero-disciplines{display:flex;align-items:center;gap:9px;margin-top:28px;color:#6a7c83;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.elm-hero-disciplines i{width:4px;height:4px;border-radius:50%;background:var(--elm-sky)}
html[dir=rtl] .elm-hero-copy h1{font-family:var(--font-ar-display);font-size:clamp(35px,3.8vw,49px);font-weight:700;line-height:1.45;letter-spacing:0}.elm-hero-emblem{position:relative;width:min(520px,42vw);aspect-ratio:1;margin:auto;display:grid;place-items:center;isolation:isolate}.elm-seal-core{position:relative;z-index:5;width:55%;height:55%;border-radius:50%;overflow:hidden;background:#fff;border:8px solid #fff;box-shadow:0 24px 70px rgba(11,24,48,.16)}.elm-seal-core:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(11,24,48,.12)}.elm-seal-core img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}.elm-seal-orbit{position:absolute;inset:12%;border:1px solid rgba(11,24,48,.13);border-radius:50%;z-index:2}.orbit-a{animation:elmOrbit 28s linear infinite}.orbit-b{inset:5%;border-color:rgba(55,191,231,.28);border-style:dashed;animation:elmOrbit 38s linear infinite reverse}.orbit-c{inset:21%;border-color:rgba(55,191,231,.38);animation:elmBreath 4s ease-in-out infinite}.elm-seal-ticks{position:absolute;inset:1%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(11,24,48,.12) 0deg 1deg,transparent 1deg 8deg);-webkit-mask:radial-gradient(circle,transparent 0 88%,#000 88% 90%,transparent 90%);mask:radial-gradient(circle,transparent 0 88%,#000 88% 90%,transparent 90%);animation:elmOrbit 54s linear infinite}.elm-seal-word{position:absolute;z-index:4;font-size:10px;font-weight:850;letter-spacing:.22em;color:var(--elm-navy);background:rgba(255,255,255,.72);backdrop-filter:blur(8px);padding:7px 11px;border:1px solid rgba(11,24,48,.08);border-radius:999px}.word-top{top:11%;right:4%}.word-bottom{bottom:11%;left:1%}.elm-seal-ecg{position:absolute;z-index:7;width:116%;height:74px;left:-8%;top:48%;overflow:visible}.elm-seal-ecg path{fill:none;stroke:var(--elm-sky);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:elmEcg 4.8s ease-in-out infinite}.elm-seal-dot{position:absolute;z-index:8;width:7px;height:7px;border-radius:50%;background:var(--elm-sky);box-shadow:0 0 0 6px rgba(55,191,231,.11),0 0 20px rgba(55,191,231,.5)}.dot-a{left:15%;top:25%;animation:elmFloat 4.3s ease-in-out infinite}.dot-b{right:12%;bottom:22%;animation:elmFloat 5s ease-in-out infinite reverse}@keyframes elmOrbit{to{transform:rotate(360deg)}}@keyframes elmBreath{50%{transform:scale(1.025);opacity:.55}}@keyframes elmFloat{50%{transform:translateY(-10px)}}@keyframes elmEcg{0%{stroke-dashoffset:1;opacity:.2}45%,72%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-1;opacity:.12}}
.elm-scroll-cue{position:absolute;z-index:4;bottom:63px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-size:8px;font-weight:750;letter-spacing:.09em;color:#71838b;text-transform:uppercase}.elm-scroll-cue span{width:22px;height:34px;border:1px solid #bcd8df;border-radius:999px;position:relative}.elm-scroll-cue span:after{content:"";position:absolute;left:50%;top:7px;width:3px;height:6px;border-radius:5px;background:var(--elm-sky);transform:translateX(-50%);animation:elmScrollCue 1.6s ease-in-out infinite}@keyframes elmScrollCue{60%{transform:translate(-50%,11px);opacity:.2}}

/* Marquee */
.elm-marquee{position:relative;z-index:5;overflow:hidden;background:var(--elm-navy);color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.elm-marquee:before,.elm-marquee:after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:80px;pointer-events:none}.elm-marquee:before{left:0;background:linear-gradient(90deg,var(--elm-navy),transparent)}.elm-marquee:after{right:0;background:linear-gradient(-90deg,var(--elm-navy),transparent)}.elm-marquee-track{display:flex;width:max-content;animation:elmMarquee 34s linear infinite}.elm-marquee-group{display:flex;align-items:center;flex-shrink:0}.elm-marquee-group span{display:flex;align-items:center;gap:18px;padding:14px 20px;font-size:9px;letter-spacing:.08em;white-space:nowrap;color:#dcebf1}.elm-marquee-group span i{width:5px;height:5px;border-radius:50%;background:var(--elm-sky)}.elm-marquee-group b{font-weight:700}@keyframes elmMarquee{to{transform:translateX(-50%)}}html[dir=rtl] .elm-marquee-track{animation-direction:reverse}

/* Sections */
.elm-section{max-width:1180px;margin:0 auto;padding:92px 24px}.elm-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:55px;align-items:end;margin-bottom:32px}.elm-section-head.narrow{grid-template-columns:minmax(0,1fr) minmax(260px,380px)}.elm-section-head h2,.elm-audience h2,.elm-resources h2,.elm-platform-story h2,.elm-final-cta h2{font-size:clamp(29px,3vw,40px);margin:12px 0 0;font-weight:780;line-height:1.13}.elm-section-head h2 em,.elm-audience h2 em,.elm-resources h2 em,.elm-platform-story h2 em,.elm-final-cta h2 em{font-style:normal;color:#159fc9}.elm-section-head>p{margin:0;color:var(--elm-muted);font-size:12px;line-height:1.75}.elm-section-action{display:flex;justify-content:center;margin-top:27px}html[dir=rtl] .elm-section-head h2,html[dir=rtl] .elm-audience h2,html[dir=rtl] .elm-resources h2,html[dir=rtl] .elm-platform-story h2,html[dir=rtl] .elm-final-cta h2{font-size:clamp(27px,2.7vw,36px);line-height:1.5;font-weight:700}

/* Audience */
.elm-audience{padding-top:78px;padding-bottom:45px}.elm-audience-card{display:grid;grid-template-columns:1.05fr .95fr auto;gap:32px;align-items:center;padding:30px 32px;border:1px solid var(--elm-line);border-radius:24px;background:#fff;box-shadow:0 12px 40px rgba(11,24,48,.045)}.elm-audience-card h2{font-size:29px;margin-top:9px}.elm-audience-card>p{font-size:11.5px;color:var(--elm-muted);line-height:1.8;margin:0}.elm-audience-tags{display:grid;gap:6px}.elm-audience-tags span{font-size:9px;font-weight:800;border:1px solid #d6e9ef;background:#f7fcfd;border-radius:999px;padding:7px 10px;text-align:center;white-space:nowrap}

/* Course cards */
.elm-courses{padding-top:58px}.elm-course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.elm-course-card{min-width:0;border:1px solid var(--elm-line);border-radius:18px;background:#fff;overflow:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease}.elm-course-card:hover{transform:translateY(-6px);border-color:#b8dfe9;box-shadow:var(--elm-shadow)}.elm-course-media{position:relative;aspect-ratio:1.53;overflow:hidden;background:#f7fbfc}.elm-course-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.elm-course-card:hover .elm-course-media img{transform:scale(1.025)}.elm-course-media>span{position:absolute;left:10px;top:10px;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(11,24,48,.08);font-size:7.5px;font-weight:800}.elm-course-body{padding:15px 15px 14px}.elm-course-body>small{font-size:8px;color:#71838b;font-weight:700;letter-spacing:.06em}.elm-course-body h3{font-size:15px;line-height:1.3;margin:7px 0 5px;font-weight:800;min-height:38px}.elm-course-body p{font-size:10px;color:var(--elm-muted);line-height:1.65;margin:0;min-height:49px}.elm-course-body footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid #eaf1f3}.elm-course-body footer strong{font-size:9px;color:#158db4}.elm-course-body footer span{display:flex;align-items:center;gap:5px;font-size:8.5px;font-weight:800}.elm-course-body footer .ui-icon{width:13px;height:13px}html[dir=rtl] .elm-course-body h3{font-family:var(--font);letter-spacing:0;line-height:1.35}

/* Free preview */
.elm-free{max-width:1180px;margin:18px auto 0;padding:48px 54px;border-radius:30px;background:linear-gradient(135deg,var(--elm-navy),#102944 65%,#143752);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;position:relative;overflow:hidden}.elm-free:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-160px;top:-200px;border:1px solid rgba(115,215,239,.15)}.elm-free h2{font-size:clamp(30px,3.2vw,43px);margin:12px 0}.elm-free h2 em{color:#7fe0f4}.elm-free-copy>p{max-width:490px;color:#c8dae1;font-size:12px;line-height:1.8}.elm-free-copy .elm-btn{margin-top:13px}.elm-free-visual{position:relative;min-height:330px;display:grid;place-items:center}.elm-player{width:min(520px,100%);aspect-ratio:16/9;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(135deg,#10253e,#071526);position:relative;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.22)}.elm-player:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 28%,rgba(55,191,231,.24),transparent 26%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}.elm-player-badge{position:absolute;left:15px;top:15px;padding:6px 8px;border-radius:999px;background:#fff;color:var(--elm-navy);font-size:8px;font-weight:900;letter-spacing:.1em}.elm-play-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.97);color:var(--elm-navy);display:grid;place-items:center;box-shadow:0 0 0 13px rgba(255,255,255,.06);animation:elmPlayPulse 2.4s ease-in-out infinite}.elm-play-ring .ui-icon{width:27px;height:27px}.elm-player-lines{position:absolute;right:25px;top:44px;display:grid;gap:8px}.elm-player-lines i{display:block;width:75px;height:4px;border-radius:4px;background:rgba(255,255,255,.15)}.elm-player-lines i:nth-child(2){width:50px}.elm-player-lines i:nth-child(3){width:92px}.elm-player footer{position:absolute;left:17px;right:17px;bottom:15px;display:flex;align-items:center;gap:10px}.elm-player footer span{height:2px;flex:1;background:linear-gradient(90deg,var(--elm-sky) 38%,rgba(255,255,255,.15) 38%)}.elm-player footer b{font-size:7px;font-weight:700;color:#a9bbc5}@keyframes elmPlayPulse{50%{box-shadow:0 0 0 20px rgba(255,255,255,.025);transform:translate(-50%,-50%) scale(1.03)}}

/* Method */
.elm-method-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding-top:31px}.elm-method-line{position:absolute;left:5%;right:5%;top:0;height:2px;background:#d9e8ec;overflow:hidden;border-radius:2px}.elm-method-line i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--elm-sky),#168eb6);transition:width .08s linear}.elm-method-track article{position:relative;padding:22px 18px 20px;border:1px solid var(--elm-line);border-radius:17px;background:#fff;transition:border-color .25s,transform .25s,box-shadow .25s}.elm-method-track article.active{border-color:#9edbea;transform:translateY(-3px);box-shadow:0 16px 40px rgba(11,24,48,.07)}.elm-method-track article>div{width:36px;height:36px;border-radius:11px;background:#eff9fc;color:#138fb7;display:grid;place-items:center}.elm-method-track article .ui-icon{width:18px}.elm-method-track article small{position:absolute;right:16px;top:17px;font-size:9px;color:#9aacb3;font-weight:800}.elm-method-track h3{font-size:15px;margin:16px 0 5px}.elm-method-track p{font-size:10.5px;color:var(--elm-muted);line-height:1.7;margin:0}

/* Resources */
.elm-resources{max-width:1180px;margin:0 auto;padding:92px 24px;display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:center}.elm-resources-intro p{font-size:12px;color:var(--elm-muted);line-height:1.8;max-width:440px}.elm-resource-stack{display:grid;gap:10px}.elm-resource-stack article{position:relative;display:grid;grid-template-columns:42px 34px minmax(0,190px) 1fr;align-items:center;gap:15px;padding:16px 18px;border:1px solid var(--elm-line);border-radius:16px;background:#fff;transition:transform .25s ease,border-color .25s ease}.elm-resource-stack article:hover{transform:translateX(-4px);border-color:#a8ddea}.elm-resource-stack article>span{font-size:8px;color:#99abb2;font-weight:800}.elm-resource-stack article>.ui-icon{width:25px;height:25px;color:#1598c1}.elm-resource-stack h3{font-size:13px;margin:0}.elm-resource-stack p{font-size:9.5px;color:var(--elm-muted);line-height:1.6;margin:0}

/* Platform story */
.elm-platform-story{max-width:1180px;margin:20px auto 0;padding:60px 64px;border:1px solid var(--elm-line);border-radius:30px;background:#fff;display:grid;grid-template-columns:.78fr 1.22fr;gap:65px;align-items:center;overflow:hidden}.elm-story-emblem{position:relative;max-width:340px;margin:auto}.elm-story-emblem:before{content:"";position:absolute;inset:7%;border:1px solid rgba(55,191,231,.26);border-radius:50%;animation:elmOrbit 26s linear infinite}.elm-story-emblem img{position:relative;z-index:2;width:100%;filter:drop-shadow(0 24px 34px rgba(11,24,48,.12))}.elm-story-emblem i{position:absolute;z-index:1;left:-15%;right:-15%;top:52%;height:1px;background:linear-gradient(90deg,transparent,var(--elm-sky),transparent)}.elm-story-copy>p{font-size:12px;line-height:1.85;color:var(--elm-muted);max-width:650px}.elm-story-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.elm-story-points span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #d9e9ed;border-radius:999px;font-size:9px;font-weight:750}.elm-story-points .ui-icon{width:13px;height:13px;color:#179ec5}

/* CTA */
.elm-final-cta{position:relative;max-width:1180px;min-height:370px;margin:92px auto 0;padding:54px 60px;border-radius:30px 30px 0 0;background:var(--elm-navy);color:#fff;overflow:hidden;display:grid;grid-template-columns:1fr 310px;align-items:center}.elm-final-cta>div:not(.elm-cta-pulse){position:relative;z-index:3;max-width:590px}.elm-final-cta h2{font-size:clamp(31px,3.1vw,43px);margin:12px 0}.elm-final-cta h2 em{color:#78dcef}.elm-final-cta p{font-size:12px;line-height:1.8;color:#c8d8df;max-width:520px}.elm-final-cta .elm-btn{margin-top:10px}.elm-final-cta>img{position:absolute;right:-35px;bottom:-120px;width:430px;opacity:.18;filter:grayscale(1) brightness(2)}html[dir=rtl] .elm-final-cta>img{right:auto;left:-35px}.elm-cta-pulse{position:absolute;z-index:1;inset:auto 0 24% 0}.elm-cta-pulse svg{width:100%;height:80px}.elm-cta-pulse path{fill:none;stroke:#57cde8;stroke-width:1.5;opacity:.25;stroke-dasharray:1;animation:elmEcg 6s ease-in-out infinite}

/* Footer */
.footer.elm-footer{margin-top:0;background:#fff;color:var(--elm-ink);border-top:1px solid var(--elm-line);padding:48px max(24px,calc((100vw - 1180px)/2)) max(20px,env(safe-area-inset-bottom))}.elm-footer-top{display:grid;grid-template-columns:1.45fr repeat(3,.7fr);gap:45px}.elm-footer-brand p{max-width:360px;font-size:10.5px;color:var(--elm-muted);line-height:1.75;margin:16px 0}.footer-socials{display:flex;gap:7px}.footer-socials a{width:34px;height:34px;border:1px solid var(--elm-line);border-radius:10px;display:grid;place-items:center;color:var(--elm-navy);transition:.2s}.footer-socials a:not(.disabled):hover{transform:translateY(-2px);background:var(--elm-navy);color:#fff;border-color:var(--elm-navy)}.footer-socials a.disabled{opacity:.32;pointer-events:none}.footer-socials .ui-icon{width:16px;height:16px}.elm-footer .footer-col{display:flex;flex-direction:column;gap:9px}.elm-footer .footer-col strong{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--elm-navy);margin-bottom:5px}.elm-footer .footer-col a{font-size:10px;color:#667982;transition:color .2s}.elm-footer .footer-col a:hover{color:#138fb7}.elm-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:36px;padding-top:18px;border-top:1px solid #edf2f4;font-size:8.5px;color:#7b8c93}.powered-by{display:inline-flex;align-items:center;gap:4px}.powered-by strong{color:var(--elm-navy)}.powered-by i{font-style:normal;color:#e5374f;animation:elmHeart 1.35s ease-in-out infinite}@keyframes elmHeart{50%{transform:scale(1.18)}}

/* Catalog */
.elm-catalog-hero{min-height:400px;padding:125px max(24px,calc((100vw - 1180px)/2)) 65px;display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:center;background:linear-gradient(135deg,#fff,#eefafd);overflow:hidden}.elm-catalog-hero h1{font-size:clamp(36px,4vw,52px);margin:12px 0 10px;line-height:1.08}.elm-catalog-hero h1 em{color:#159bc3}.elm-catalog-hero p{max-width:570px;font-size:12px;line-height:1.8;color:var(--elm-muted)}html[dir=rtl] .elm-catalog-hero h1{font-size:clamp(32px,3.4vw,45px);line-height:1.48}.elm-catalog-mark{position:relative;width:270px;height:270px;border-radius:50%;border:1px solid #cfe6ec;display:grid;place-items:center;margin:auto}.elm-catalog-mark:before,.elm-catalog-mark:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(55,191,231,.34);animation:elmOrbit 30s linear infinite}.elm-catalog-mark:before{inset:-20px}.elm-catalog-mark:after{inset:25px;animation-direction:reverse}.elm-catalog-mark img{width:150px;height:150px;border-radius:50%;object-fit:cover}.elm-catalog-mark span{position:absolute;font-size:9px;font-weight:850;color:#138eb6;letter-spacing:.1em}.elm-catalog-mark span:first-of-type{left:-8px;top:48%}.elm-catalog-mark span:last-of-type{right:-11px;top:48%}.elm-catalog-mark i{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--elm-sky),transparent)}.elm-catalog-section{padding-top:60px}.elm-catalog-section .catalog-toolbar{font-size:10px}.elm-catalog-section .filter-chip{font-size:9px;padding:8px 10px}.elm-catalog-card h2{font-size:15px!important;line-height:1.3!important}.elm-catalog-card .catalog-body p{font-size:10px;line-height:1.65}.elm-catalog-card footer strong{font-size:9px;color:#168fb7}.elm-catalog-card footer span{font-size:8px}

/* Course + preview */
.elm-course-page-hero{background:linear-gradient(135deg,#fff,#effafd)}.elm-course-page-hero .course-page-copy h1{font-size:clamp(34px,3.6vw,48px)!important;line-height:1.12!important}.elm-course-page-hero .course-page-copy p{font-size:12px!important;line-height:1.8!important}.elm-course-summary .course-summary-copy h2{font-size:clamp(29px,3vw,39px)!important}.elm-course-summary .course-summary-copy>p{font-size:11.5px!important}.price-label{font-size:18px!important}.course-price-note{display:block;padding:12px;border-radius:11px;background:#f0f8fa;color:#61767f;font-size:9.5px;line-height:1.6;text-align:center}.elm-preview-page{padding:110px 24px 75px;background:linear-gradient(#f5fbfd,#fff)}.elm-preview-shell{max-width:1050px;margin:auto}.elm-preview-shell>header{max-width:700px}.elm-preview-shell h1{font-size:clamp(30px,3.6vw,46px);margin:14px 0 7px}.elm-preview-shell header>p{font-size:11px;color:var(--elm-muted)}.elm-preview-player{margin-top:26px;border:1px solid var(--elm-line);border-radius:22px;overflow:hidden;background:var(--elm-navy);box-shadow:var(--elm-shadow)}.elm-preview-player video{width:100%;aspect-ratio:16/9;background:#050c18}.elm-preview-empty{aspect-ratio:16/9;display:grid;place-items:center;align-content:center;gap:12px;color:#fff;text-align:center;padding:30px}.elm-preview-empty .ui-icon{width:48px;height:48px;color:#64d1ea}.elm-preview-empty strong{font-size:12px;max-width:460px}.elm-preview-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:15px;padding:18px 20px;border:1px solid var(--elm-line);border-radius:16px;background:#fff}.elm-preview-cta div{display:flex;flex-direction:column;gap:3px}.elm-preview-cta span{font-size:9px;color:#71828a}.elm-preview-cta strong{font-size:12px}

/* Compact product typography across auth/student/admin. */
.auth-form h2,.simple-auth-card h1,.checkout-main h1{font-size:22px!important}.auth-form p,.simple-auth-card p,.checkout-main p{font-size:10.5px!important;line-height:1.7}.student-top h1,.admin-top h1{font-size:20px!important}.student-top p,.admin-top p{font-size:10px!important}.continue-card h2{font-size:18px!important}.student-shell-v13 .side-nav a,.admin-shell-v13 .side-nav a{font-size:10px}.student-shell-v13 .metric-card strong,.admin-shell-v13 .metric-card strong{font-size:22px}.student-shell-v13 h2,.admin-shell-v13 h2{letter-spacing:-.025em}.admin-shell-v13 .brand-symbol,.student-shell-v13 .brand-symbol{border-radius:50%;object-fit:cover}

/* Mobile menu V13 */
.elm-mobile-menu{height:100dvh;min-height:100svh;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#fff;overflow-y:auto;overscroll-behavior:contain}.elm-mobile-menu .mobile-menu-top{flex:0 0 auto}.elm-menu-heading{padding:30px 0 16px}.elm-menu-heading>span{font-size:8px;font-weight:850;letter-spacing:.14em;color:#168fb7}.elm-menu-heading strong{display:block;margin-top:7px;font-size:20px;line-height:1.25}.elm-menu-heading p{font-size:8px;color:#82929a;margin:6px 0 0}.elm-mobile-menu nav{margin:3px 0 16px}.elm-mobile-menu nav a{font-size:18px!important;line-height:1.25!important;padding:11px 0!important}.elm-mobile-menu nav a span{font-size:8px}.elm-mobile-menu .mobile-menu-bottom{margin-top:auto}

@media(max-width:1050px){
  .elm-hero-shell{grid-template-columns:1fr 430px;gap:30px}.elm-hero-emblem{width:420px}.elm-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.elm-course-body h3{min-height:0}.elm-course-body p{min-height:0}.elm-resources{grid-template-columns:1fr;gap:30px}.elm-platform-story{gap:35px;padding:45px}.elm-footer-top{grid-template-columns:1.4fr repeat(3,.8fr);gap:30px}
}

@media(max-width:900px){
  html{scroll-padding-top:66px}.site-header.elm-header{height:60px;padding-inline:max(13px,env(safe-area-inset-left)) max(13px,env(safe-area-inset-right))}.site-header.elm-header.scrolled{height:58px}.elm-header .desktop-nav,.elm-header .nav-actions>a{display:none}.elm-header .nav-actions{display:flex}.elm-header .mobile-menu-btn{display:grid;width:38px;height:38px}.elm-brand .brand-symbol{width:34px;height:34px}.elm-brand b{font-size:10.5px}.elm-brand small{font-size:6px}
  .elm-hero{min-height:0;padding:84px 18px 70px}.elm-hero:after{bottom:-115px}.elm-hero-shell{min-height:0;grid-template-columns:1fr;gap:25px}.elm-hero-copy{max-width:690px}.elm-hero-copy h1{font-size:clamp(31px,6.5vw,42px);max-width:650px}.elm-hero-copy>p{font-size:12px;max-width:610px}.elm-hero-emblem{width:min(430px,82vw);order:2}.elm-hero-copy{order:1}.elm-scroll-cue{display:none}.elm-seal-word{font-size:8px}.elm-hero-disciplines{font-size:7px;flex-wrap:wrap}.elm-hero-bg i:nth-child(1){right:-22%;top:45%}.elm-hero-bg i:nth-child(2){right:-8%;top:55%}
  html[dir=rtl] .elm-hero-copy h1{font-size:clamp(29px,6vw,38px);line-height:1.5}.elm-section,.elm-resources{padding:70px 18px}.elm-section-head{grid-template-columns:1fr;gap:15px}.elm-section-head h2,.elm-audience h2,.elm-resources h2,.elm-platform-story h2,.elm-final-cta h2{font-size:clamp(27px,5vw,34px)}html[dir=rtl] .elm-section-head h2,html[dir=rtl] .elm-audience h2,html[dir=rtl] .elm-resources h2,html[dir=rtl] .elm-platform-story h2,html[dir=rtl] .elm-final-cta h2{font-size:clamp(25px,4.8vw,31px);line-height:1.55}.elm-audience-card{grid-template-columns:1fr 1fr;gap:20px}.elm-audience-tags{grid-column:1/-1;display:flex;flex-wrap:wrap}.elm-course-grid{grid-template-columns:repeat(2,1fr)}.elm-free{margin-inline:18px;padding:38px;grid-template-columns:1fr;gap:25px}.elm-free-visual{min-height:0}.elm-method-track{grid-template-columns:repeat(2,1fr);gap:10px}.elm-method-line{display:none}.elm-resource-stack article{grid-template-columns:35px 30px 1fr}.elm-resource-stack article p{grid-column:3}.elm-platform-story{margin-inline:18px;padding:38px;grid-template-columns:260px 1fr;gap:30px}.elm-final-cta{margin-inline:18px;padding:45px;grid-template-columns:1fr;min-height:340px}.elm-final-cta>img{width:320px;right:-85px;bottom:-100px}.elm-footer{padding-inline:18px!important}.elm-footer-top{grid-template-columns:1.3fr 1fr 1fr}.elm-footer-top .footer-col:last-child{grid-column:2/4}.elm-catalog-hero{padding:100px 18px 55px;grid-template-columns:1fr 260px;gap:25px}.elm-catalog-mark{width:220px;height:220px}.elm-catalog-mark img{width:120px;height:120px}
  .course-page-copy h1,.elm-course-page-hero .course-page-copy h1{font-size:clamp(28px,6vw,36px)!important}.elm-preview-page{padding:85px 18px 60px}.elm-preview-cta{align-items:flex-start;flex-direction:column}
}

@media(max-width:620px){
  body.elm-v13{font-size:13px}.elm-splash-ring{width:58px;height:58px}.elm-splash-ring img{width:46px;height:46px}.elm-hero{padding:76px 14px 55px}.elm-hero-copy h1{font-size:29px;line-height:1.18;margin-top:13px}.elm-hero-copy>p{font-size:11.2px;line-height:1.75}.elm-hero-pills{margin-top:14px}.elm-hero-pills span{font-size:8px;padding:5px 7px}.elm-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.elm-btn{font-size:10px;min-height:42px;padding-inline:10px}.elm-hero-disciplines{margin-top:19px;font-size:6.6px;gap:6px}.elm-hero-emblem{width:min(365px,88vw)}.elm-seal-core{border-width:6px}.elm-seal-word{font-size:6.8px;padding:5px 7px;letter-spacing:.14em}.elm-seal-ecg{height:58px}.elm-marquee-group span{padding:11px 15px;font-size:7.7px;gap:13px}.elm-marquee-track{animation-duration:27s}
  html[dir=rtl] .elm-hero-copy h1{font-size:28px;line-height:1.55}.elm-section,.elm-resources{padding:58px 14px}.elm-section-head h2,.elm-audience h2,.elm-resources h2,.elm-platform-story h2,.elm-final-cta h2{font-size:25px}.elm-section-head>p,.elm-resources-intro p{font-size:10.8px}.elm-audience{padding-top:48px;padding-bottom:20px}.elm-audience-card{grid-template-columns:1fr;padding:22px 20px}.elm-audience-card h2{font-size:23px}.elm-audience-card>p{font-size:10.5px}.elm-audience-tags{grid-column:auto}.elm-course-grid{grid-template-columns:1fr;gap:10px}.elm-course-card{display:grid;grid-template-columns:42% 58%;min-height:155px}.elm-course-media{aspect-ratio:auto;height:100%}.elm-course-body{padding:13px 12px}.elm-course-body h3{font-size:13px;margin-top:5px}.elm-course-body p{font-size:9px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.elm-course-body footer{margin-top:8px;padding-top:8px}.elm-course-body footer strong{font-size:8px}.elm-course-body footer span{font-size:7.5px}.elm-free{margin-inline:10px;padding:30px 22px;border-radius:23px}.elm-free h2{font-size:27px}.elm-free-copy>p{font-size:10.8px}.elm-method-track{grid-template-columns:1fr}.elm-method-track article{padding:16px}.elm-method-track article h3{font-size:13px;margin-top:11px}.elm-method-track article p{font-size:9.5px}.elm-resource-stack article{grid-template-columns:30px 27px 1fr;padding:13px}.elm-resource-stack h3{font-size:11.5px}.elm-resource-stack p{font-size:8.8px}.elm-platform-story{margin-inline:10px;padding:28px 22px;grid-template-columns:1fr}.elm-story-emblem{width:min(240px,72vw)}.elm-story-copy>p{font-size:10.6px}.elm-story-points span{font-size:8px}.elm-final-cta{margin-inline:10px;padding:34px 23px;min-height:330px;border-radius:23px 23px 0 0}.elm-final-cta h2{font-size:27px}.elm-final-cta p{font-size:10.5px}.elm-final-cta>img{width:250px;opacity:.12}.elm-footer-top{grid-template-columns:1fr 1fr;gap:26px}.elm-footer-brand{grid-column:1/-1}.elm-footer-top .footer-col:last-child{grid-column:auto}.elm-footer .footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}.elm-footer .footer-col a{font-size:9px}.elm-catalog-hero{padding:86px 14px 46px;grid-template-columns:1fr}.elm-catalog-hero h1{font-size:30px}.elm-catalog-hero p{font-size:10.8px}.elm-catalog-mark{width:185px;height:185px}.elm-catalog-mark img{width:98px;height:98px}.elm-catalog-mark span{font-size:7px}.elm-catalog-section{padding:42px 14px}.elm-catalog-section .catalog-grid{grid-template-columns:1fr!important}.elm-catalog-card{display:grid!important;grid-template-columns:42% 58%!important}.elm-catalog-card .catalog-media{height:100%!important}.elm-catalog-card .catalog-body{padding:12px!important}.elm-catalog-card h2{font-size:12.5px!important}.elm-catalog-card .catalog-body p{font-size:9px!important}.catalog-toolbar{gap:12px}.filter-row{overflow-x:auto;max-width:100%;padding-bottom:4px}.filter-chip{white-space:nowrap}.elm-course-page-hero{padding-inline:14px}.elm-course-summary{padding-inline:14px}.curriculum-section{padding-inline:14px}.elm-preview-shell h1{font-size:27px}.elm-preview-page{padding-inline:12px}.elm-preview-cta strong{font-size:11px}
  html[dir=rtl] .elm-section-head h2,html[dir=rtl] .elm-audience h2,html[dir=rtl] .elm-resources h2,html[dir=rtl] .elm-platform-story h2,html[dir=rtl] .elm-final-cta h2{font-size:23px;line-height:1.6}
}

@media(max-width:390px){
  .elm-brand>span small{display:none}.elm-hero{padding-inline:12px}.elm-hero-copy h1{font-size:27px}.elm-hero-copy>p{font-size:10.8px}.elm-hero-actions{grid-template-columns:1fr}.elm-hero-emblem{width:min(325px,90vw)}.elm-seal-word{display:none}.elm-hero-disciplines{display:none}.elm-course-card,.elm-catalog-card{grid-template-columns:39% 61%!important}.elm-course-body h3,.elm-catalog-card h2{font-size:12px!important}.elm-course-body p,.elm-catalog-card .catalog-body p{font-size:8.6px!important}.elm-audience-card h2{font-size:21px}.elm-free h2,.elm-final-cta h2{font-size:24px}.elm-section-head h2,.elm-resources h2,.elm-platform-story h2{font-size:23px}.elm-mobile-menu nav a{font-size:16px!important}.elm-menu-heading strong{font-size:18px}.elm-preview-shell h1{font-size:24px}.elm-footer-top{grid-template-columns:1fr}.elm-footer-top .footer-col:last-child{grid-column:auto}html[dir=rtl] .elm-hero-copy h1{font-size:26px;line-height:1.58}
}

@media(max-width:340px){.elm-hero-copy h1{font-size:25px}.elm-hero-emblem{width:292px}.elm-hero-pills span:last-child{display:none}.elm-course-card,.elm-catalog-card{grid-template-columns:1fr!important}.elm-course-media,.elm-catalog-card .catalog-media{height:auto!important;aspect-ratio:1.55!important}.elm-course-body p{-webkit-line-clamp:3}.elm-method-track article{padding:14px}.elm-free,.elm-platform-story,.elm-final-cta{margin-inline:8px}}

@media(prefers-reduced-motion:reduce){.elm-seal-orbit,.elm-seal-ticks,.elm-seal-ecg path,.elm-seal-dot,.elm-story-emblem:before,.elm-player .elm-play-ring,.elm-cta-pulse path,.elm-marquee-track,.elm-splash-ring:before,.elm-splash-ring:after{animation:none!important}.elm-marquee-track{transform:none!important}.elm-marquee-group:nth-child(2){display:none}.elm-marquee{overflow-x:auto}.elm-course-card:hover,.elm-resource-stack article:hover{transform:none}}
/* Auth brand art: logo-based, not portrait-based. */
.elm-auth-emblem{display:grid!important;place-items:center!important;overflow:hidden!important}.elm-auth-emblem img{position:relative!important;inset:auto!important;width:min(310px,68%)!important;height:auto!important;max-height:none!important;object-fit:contain!important;border-radius:50%!important;filter:drop-shadow(0 22px 45px rgba(0,0,0,.2));z-index:2}.elm-auth-emblem:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid rgba(113,218,239,.24);box-shadow:0 0 0 48px rgba(113,218,239,.04);animation:elmOrbit 32s linear infinite}.elm-auth-emblem svg{position:absolute!important;left:0!important;right:0!important;bottom:18%!important;width:100%!important;height:90px!important;opacity:.17!important}.elm-auth-emblem svg path{fill:none;stroke:#7bd8ee;stroke-width:2}
@media(max-width:900px){.auth-brand-panel .elm-auth-emblem{min-height:220px!important}.elm-auth-emblem img{width:min(220px,58vw)!important}.elm-auth-emblem:after{width:235px;height:235px}}

/* Error identity */
.error-card .brand-mark{width:58px;height:58px!important;border-radius:50%!important;background:url('/assets/images/dr-elmancy-logo.png') center/contain no-repeat!important}.error-card .brand-mark span{display:none!important}

/* =========================================================
   DR. ELMANCY V13 FINAL — readability + device QA pass
   Keep the visual language compact, never microscopic.
   ========================================================= */
body.elm-v13{font-size:14px}
html[dir="rtl"] body.elm-v13{font-size:14.5px;line-height:1.82}
.elm-hero-copy h1{font-size:clamp(36px,3.9vw,49px);line-height:1.1}
html[dir="rtl"] .elm-hero-copy h1{font-size:clamp(34px,3.6vw,45px);line-height:1.42;font-weight:700}
.elm-section-head h2,.elm-audience h2,.elm-resources h2,.elm-platform-story h2,.elm-final-cta h2{font-size:clamp(29px,3.15vw,37px);line-height:1.16}
html[dir="rtl"] .elm-section-head h2,html[dir="rtl"] .elm-audience h2,html[dir="rtl"] .elm-resources h2,html[dir="rtl"] .elm-platform-story h2,html[dir="rtl"] .elm-final-cta h2{font-size:clamp(28px,3vw,35px);line-height:1.48}
.elm-section-head>p,.elm-resources-intro p,.elm-story-copy>p,.elm-audience-card>p,.elm-final-cta p{font-size:12.5px;line-height:1.78}
.elm-course-body h3{font-size:15px;line-height:1.35}.elm-course-body p{font-size:11px;line-height:1.62}.elm-course-body>small{font-size:9px}.elm-course-body footer strong,.elm-course-body footer span{font-size:9.5px}
.elm-marquee-group span{font-size:9.5px}
.elm-header .desktop-nav a{font-size:11px}.elm-header .language-link,.elm-header .nav-login,.elm-header .nav-cta{font-size:10.5px}

/* Student + Admin are working interfaces: compact but readable. */
.student-side nav a,.admin-sidebar nav a,.admin-side-bottom>a,.student-logout button,.admin-logout button{font-size:12px}
.student-mini small,.admin-user small{font-size:10px}.student-mini strong,.admin-user strong{font-size:12px}.student-mini a{font-size:10.5px}
.student-top h1,.admin-top h1{font-size:24px!important;line-height:1.25}.student-top p,.admin-top p{font-size:12.5px!important;line-height:1.65}
.stat-grid article>span{font-size:10.5px}.stat-grid article>strong{font-size:25px}.stat-grid article>small{font-size:10px}
.panel-head h2{font-size:17px}.bar-chart-live small{font-size:9.5px}.admin-list-panel>a strong{font-size:11.5px}.admin-list-panel>a small{font-size:10px}
.admin-table-card th,.student-table th{font-size:10px}.admin-table-card td,.student-table td{font-size:12px}.admin-table-card td strong,.student-table td strong{font-size:12.5px}.admin-table-card td small,.student-table td small{font-size:10px}
.status-pill,.table-menu,.approve-btn,.reject-btn{font-size:10px}.empty-state strong{font-size:13px}.empty-state p,.empty-table{font-size:11px}.toast{font-size:12px}
.resource-card small{font-size:10px}.resource-card h3{font-size:15px}.resource-card p{font-size:11.5px}.device-card strong{font-size:12.5px}.device-card small{font-size:10.5px}.thread-message{font-size:11.5px}.settings-card h2{font-size:17px}

/* The brand splash and page transition must remain mathematically centered. */
.elm-splash{width:100vw;height:100dvh;min-height:100svh;margin:0;transform:none!important}
.elm-splash-ring,.elm-page-transition>div{flex:0 0 auto}

@media(max-width:900px){
  .elm-hero{padding-top:82px;padding-bottom:66px}
  .elm-hero-shell{gap:18px}
  .elm-hero-copy h1{font-size:32px;line-height:1.16;max-width:560px}
  html[dir="rtl"] .elm-hero-copy h1{font-size:30px;line-height:1.52}
  .elm-hero-copy>p{font-size:13px;line-height:1.75}
  .elm-hero-emblem{width:min(390px,78vw)}
  .elm-section-head h2,.elm-audience h2,.elm-resources h2,.elm-platform-story h2,.elm-final-cta h2{font-size:29px}
  html[dir="rtl"] .elm-section-head h2,html[dir="rtl"] .elm-audience h2,html[dir="rtl"] .elm-resources h2,html[dir="rtl"] .elm-platform-story h2,html[dir="rtl"] .elm-final-cta h2{font-size:27px;line-height:1.52}
  .student-side,.admin-sidebar{width:min(88vw,310px)}
  .student-side nav a,.admin-sidebar nav a,.admin-side-bottom>a,.student-logout button,.admin-logout button{font-size:13px;min-height:44px}
  .student-main,.admin-main,html[dir="rtl"] .student-main,html[dir="rtl"] .admin-main{padding-inline:16px}
  .student-top h1,.admin-top h1{font-size:23px!important}.student-top p,.admin-top p{font-size:13px!important}
  .app-mobile-bar .elm-brand b{font-size:11px}.app-mobile-bar .elm-brand small{font-size:7px}
}

@media(max-width:620px){
  body.elm-v13{font-size:14px}html[dir="rtl"] body.elm-v13{font-size:14px}
  .site-header.elm-header{height:60px}.elm-brand .brand-symbol{width:34px;height:34px}.elm-brand b{font-size:10.5px}.elm-brand small{font-size:6.5px}
  .elm-hero{padding:76px 16px 56px}
  .elm-hero-copy h1{font-size:29px;line-height:1.2;margin-top:12px}
  html[dir="rtl"] .elm-hero-copy h1{font-size:28px;line-height:1.55}
  .elm-hero-copy>p{font-size:13px;line-height:1.76}
  .elm-kicker{font-size:9px}html[dir="rtl"] .elm-kicker{font-size:10px}
  .elm-hero-pills span{font-size:10px;padding:6px 9px}
  .elm-btn{font-size:12px;min-height:44px;padding-inline:13px}
  .elm-hero-disciplines{font-size:8.5px;line-height:1.5}
  .elm-hero-emblem{width:min(330px,84vw)}
  .elm-seal-word{font-size:7.5px}.elm-marquee-group span{font-size:10px;padding:12px 17px}
  .elm-section,.elm-resources{padding:56px 16px}
  .elm-section-head h2,.elm-audience h2,.elm-resources h2,.elm-platform-story h2,.elm-final-cta h2{font-size:25px;line-height:1.22}
  html[dir="rtl"] .elm-section-head h2,html[dir="rtl"] .elm-audience h2,html[dir="rtl"] .elm-resources h2,html[dir="rtl"] .elm-platform-story h2,html[dir="rtl"] .elm-final-cta h2{font-size:24px;line-height:1.55}
  .elm-section-head>p,.elm-resources-intro p,.elm-story-copy>p,.elm-audience-card>p,.elm-final-cta p,.elm-free-copy>p{font-size:12.5px;line-height:1.76}
  .elm-audience-card{padding:22px 18px}.elm-audience-card h2{font-size:24px}.elm-audience-tags span{font-size:10px}

  /* Vertical cards are more legible than a squeezed desktop row on phones. */
  .elm-course-grid{grid-template-columns:1fr;gap:14px}
  .elm-course-card{display:block;min-height:0}
  .elm-course-media{height:auto;aspect-ratio:1.72}
  .elm-course-body{padding:15px 15px 14px}.elm-course-body>small{font-size:10px}.elm-course-body h3{font-size:15px;margin-top:6px}.elm-course-body p{font-size:12px;line-height:1.62;display:block;min-height:0}.elm-course-body footer{margin-top:11px}.elm-course-body footer strong,.elm-course-body footer span{font-size:10.5px}
  .elm-free{margin-inline:10px;padding:30px 20px}.elm-free h2{font-size:25px}.elm-method-track article h3{font-size:15px}.elm-method-track article p{font-size:12px;line-height:1.65}
  .elm-resource-stack h3{font-size:13.5px}.elm-resource-stack p{font-size:11.5px;line-height:1.62}.elm-story-points span{font-size:10.5px}.elm-final-cta{padding:32px 21px;min-height:310px}.elm-final-cta h2{font-size:25px}
  .elm-footer .footer-col a{font-size:11.5px}.elm-footer .footer-col strong{font-size:11px}.elm-footer-brand p{font-size:11.5px}.elm-footer .footer-bottom{font-size:10.5px}

  .elm-catalog-hero{padding:84px 16px 44px}.elm-catalog-hero h1{font-size:27px;line-height:1.2}html[dir="rtl"] .elm-catalog-hero h1{line-height:1.5}.elm-catalog-hero p{font-size:12.5px;line-height:1.72}.elm-catalog-mark{width:175px;height:175px}.elm-catalog-mark img{width:96px;height:96px}.elm-catalog-mark span{font-size:9px}
  .elm-catalog-section{padding:40px 16px}.elm-catalog-card{display:block!important}.elm-catalog-card .catalog-media{height:auto!important;aspect-ratio:1.72!important}.elm-catalog-card .catalog-body{padding:15px!important}.elm-catalog-card h2{font-size:15px!important;line-height:1.35!important}.elm-catalog-card .catalog-body p{font-size:12px!important;line-height:1.62!important}.elm-catalog-card .catalog-meta,.elm-catalog-card footer{font-size:10px!important}
  .filter-chip{font-size:11px;min-height:38px}
  .course-page-copy h1,.elm-course-page-hero .course-page-copy h1{font-size:28px!important;line-height:1.28!important}html[dir="rtl"] .course-page-copy h1{line-height:1.5!important}.course-page-copy>p{font-size:13px!important;line-height:1.7!important}.course-tags span{font-size:10px!important}.course-summary-copy h2,.section-heading h2{font-size:25px!important;line-height:1.28!important}html[dir="rtl"] .course-summary-copy h2,html[dir="rtl"] .section-heading h2{line-height:1.55!important}.course-summary-copy>p{font-size:12.5px!important;line-height:1.75!important}.feature-list strong{font-size:12.5px!important}.feature-list small{font-size:11.5px!important}.course-buy-card li{font-size:11.5px!important}.course-price-note{font-size:11.5px!important}.chapter-head strong{font-size:12.5px!important}.chapter-head small,.chapter-head>b,.chapter-lessons small{font-size:10px!important}.chapter-lessons strong{font-size:12px!important}
  .elm-preview-shell h1{font-size:25px}.elm-preview-shell p{font-size:12.5px;line-height:1.7}.elm-preview-cta strong{font-size:12.5px}

  .elm-mobile-menu nav a{font-size:17px!important;line-height:1.3!important;padding:12px 0!important}.elm-mobile-menu nav a span{font-size:9px}.elm-menu-heading strong{font-size:19px}.elm-menu-heading p{font-size:10px}.mobile-menu-utility a,.mobile-start{font-size:12px!important}

  /* Working UI typography */
  .student-main,.admin-main,html[dir="rtl"] .student-main,html[dir="rtl"] .admin-main{padding-inline:14px}
  .student-top h1,.admin-top h1{font-size:22px!important}.student-top p,.admin-top p{font-size:12.5px!important}
  .admin-table-card th,.student-table th{font-size:9.5px}.admin-table-card td,.student-table td{font-size:11.5px}.admin-table-card td strong,.student-table td strong{font-size:12px}.admin-table-card td small,.student-table td small{font-size:10px}
  .stat-grid article>span{font-size:10px}.stat-grid article>strong{font-size:22px}.stat-grid article>small{font-size:9.5px}
  input,select,textarea{font-size:16px!important}
}

@media(max-width:390px){
  .elm-hero{padding-inline:14px}.elm-hero-copy h1{font-size:27px}html[dir="rtl"] .elm-hero-copy h1{font-size:26px;line-height:1.58}.elm-hero-copy>p{font-size:12.5px}.elm-hero-emblem{width:min(290px,82vw)}
  .elm-section-head h2,.elm-resources h2,.elm-platform-story h2,.elm-free h2,.elm-final-cta h2{font-size:23px}html[dir="rtl"] .elm-section-head h2,html[dir="rtl"] .elm-resources h2,html[dir="rtl"] .elm-platform-story h2,html[dir="rtl"] .elm-final-cta h2{font-size:22.5px}
  .elm-course-body h3,.elm-catalog-card h2{font-size:14.5px!important}.elm-course-body p,.elm-catalog-card .catalog-body p{font-size:11.5px!important}.elm-course-body footer strong,.elm-course-body footer span{font-size:10px}.elm-footer-top{grid-template-columns:1fr}.elm-footer-top .footer-col:last-child{grid-column:auto}
  .elm-hero-actions{grid-template-columns:1fr}.elm-btn{width:100%}
}

@media(max-width:340px){
  .elm-hero-copy h1{font-size:25px}html[dir="rtl"] .elm-hero-copy h1{font-size:24px}.elm-hero-emblem{width:270px}.elm-section,.elm-resources{padding-inline:13px}.elm-course-media,.elm-catalog-card .catalog-media{aspect-ratio:1.58!important}.elm-mobile-menu{padding-inline:15px}
}


/* V14 BOOKS & NOTES */
.elm-library-showcase{overflow:hidden}.elm-book-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:34px}.elm-book-card{display:block;color:inherit;text-decoration:none;min-width:0}.elm-book-cover{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#eef8fb;border:1px solid #dbe9ee;box-shadow:0 18px 45px rgba(13,45,58,.08);transform:translateY(0) rotate(0);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}.elm-book-cover img{width:100%;height:100%;object-fit:cover;display:block}.elm-book-cover>span{position:absolute;top:12px;inset-inline-end:12px;background:#fff;color:#0d2d3a;border:1px solid rgba(13,45,58,.12);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;letter-spacing:.08em}.elm-book-copy{padding:14px 3px 0}.elm-book-copy small{font-size:9px;font-weight:800;letter-spacing:.11em;color:#159ac4}.elm-book-copy h3{font-size:16px;line-height:1.35;margin:7px 0 5px;color:#102f3c}.elm-book-copy p{font-size:12px;line-height:1.65;color:#6d7f87;margin:0 0 9px}.elm-book-copy>span{font-size:11px;font-weight:800;color:#0d2d3a;display:flex;gap:6px;align-items:center}.elm-book-copy svg{width:14px;height:14px}.elm-book-card:hover .elm-book-cover{transform:translateY(-8px) rotate(-.6deg);box-shadow:0 28px 65px rgba(13,45,58,.14)}html[dir=rtl] .elm-book-card:hover .elm-book-cover{transform:translateY(-8px) rotate(.6deg)}.elm-library-strip{margin-top:38px;padding:15px 18px;border:1px solid #dcebef;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:18px;background:#f8fcfd;color:#173744}.elm-library-strip span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.elm-library-strip span svg{width:15px;height:15px;color:#18a9d3}.elm-library-strip i{width:4px;height:4px;border-radius:50%;background:#9bcbd9}.elm-book-empty{grid-column:1/-1;padding:28px;border:1px dashed #cfe2e8;border-radius:18px;text-align:center}.elm-book-empty>div{width:42px;height:42px;margin:0 auto 10px;border-radius:12px;display:grid;place-items:center;background:#e9f8fc;color:#139cc6}.inline-file-form{display:inline}.file-action{cursor:pointer;display:inline-flex;align-items:center}.file-action input{display:none}
@media(max-width:900px){.elm-book-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.elm-library-strip{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.elm-library-strip::-webkit-scrollbar{display:none}.elm-library-strip span{white-space:nowrap}}
@media(max-width:520px){.elm-book-shelf{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-20px;padding-inline:20px;padding-bottom:8px;scrollbar-width:none}.elm-book-shelf::-webkit-scrollbar{display:none}.elm-book-card{flex:0 0 74vw;max-width:280px;scroll-snap-align:start}.elm-book-copy h3{font-size:14px}.elm-book-copy p{font-size:11.5px}.elm-library-strip{margin-top:26px;margin-inline:-20px;border-radius:0;border-inline:0;padding-inline:20px}}

/* V14 COURSE RESOURCE PREVIEW */
.course-resource-preview{max-width:1180px;margin:0 auto;padding:72px 28px}.course-resource-preview .section-heading{align-items:end}.course-resource-preview .section-heading>p{max-width:460px;font-size:13px;line-height:1.7;color:#6d7f87}.course-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}.course-resource-grid article{min-width:0}.course-resource-grid article>div{aspect-ratio:3/4;border-radius:16px;overflow:hidden;border:1px solid #dce9ed;box-shadow:0 14px 34px rgba(13,45,58,.07)}.course-resource-grid img{width:100%;height:100%;object-fit:cover}.course-resource-grid article>span{display:block;margin-top:12px;font-size:9px;font-weight:800;letter-spacing:.1em;color:#159ac4}.course-resource-grid h3{font-size:15px;line-height:1.4;margin:5px 0}.course-resource-grid p{font-size:11.5px;line-height:1.55;color:#71838a;margin:0}@media(max-width:800px){.course-resource-preview{padding:54px 20px}.course-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.course-resource-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding-inline:20px;scrollbar-width:none}.course-resource-grid::-webkit-scrollbar{display:none}.course-resource-grid article{flex:0 0 68vw;max-width:240px;scroll-snap-align:start}}

/* V15 VISUAL SYSTEM REFRESH */
body.elm-v13{font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;color:#122c3a;background:linear-gradient(180deg,#fbfdff 0%,#f4fbfd 48%,#ffffff 100%)}
html[dir="rtl"] body.elm-v13,html[dir="rtl"] body.elm-v13 input,html[dir="rtl"] body.elm-v13 textarea,html[dir="rtl"] body.elm-v13 select,html[dir="rtl"] body.elm-v13 button{font-family:"Alexandria","Tajawal",system-ui,sans-serif}
body.elm-v13 input,body.elm-v13 textarea,body.elm-v13 select,body.elm-v13 button{font-family:inherit}
body.elm-v13{font-size:14px}
.elm-kicker,.section-kicker,.form-kicker{font-size:10px!important;letter-spacing:.16em!important}
html[dir="rtl"] .elm-kicker,html[dir="rtl"] .section-kicker,html[dir="rtl"] .form-kicker{font-size:10.5px!important;letter-spacing:0!important}
.elm-hero-copy h1{font-size:clamp(34px,4.6vw,56px)!important;line-height:1.03!important;max-width:10ch}
html[dir="rtl"] .elm-hero-copy h1{font-size:clamp(31px,4vw,48px)!important;line-height:1.38!important;max-width:12ch}
.elm-hero-copy>p,.elm-section-head>p,.elm-resources-intro p,.elm-story-copy>p,.elm-audience-card>p,.elm-final-cta p,.elm-free-copy>p,.course-page-copy>p,.course-summary-copy>p,.auth-brand-copy p,.auth-form>p,.catalog-body p,.elm-catalog-hero p{font-size:13px!important;line-height:1.82!important;color:#5a717d!important}
.elm-section-head h2,.elm-audience h2,.elm-resources h2,.elm-platform-story h2,.elm-final-cta h2,.elm-free h2,.course-summary-copy h2,.section-heading h2{font-size:clamp(26px,3vw,40px)!important;line-height:1.12!important;letter-spacing:-.04em}
html[dir="rtl"] .elm-section-head h2,html[dir="rtl"] .elm-audience h2,html[dir="rtl"] .elm-resources h2,html[dir="rtl"] .elm-platform-story h2,html[dir="rtl"] .elm-final-cta h2,html[dir="rtl"] .elm-free h2,html[dir="rtl"] .course-summary-copy h2,html[dir="rtl"] .section-heading h2{font-size:clamp(23px,2.8vw,34px)!important;line-height:1.45!important;letter-spacing:0}
.elm-section-head h2 em,.elm-audience h2 em,.elm-resources h2 em,.elm-platform-story h2 em,.elm-final-cta h2 em,.elm-free h2 em,.course-summary-copy h2 em,.section-heading h2 em,.elm-catalog-hero h1 em,.auth-brand-copy h1 em{color:#32add8;font-style:normal}
.elm-hero,.elm-catalog-hero,.elm-final-cta,.auth-brand-panel,.elm-platform-story,.elm-free{position:relative;overflow:hidden}
.elm-hero{background:linear-gradient(135deg,#041a33 0%,#082b50 40%,#0a355e 60%,#0f5771 100%)!important;border-radius:0 0 36px 36px}
.elm-hero:before,.elm-catalog-hero:before,.elm-final-cta:before,.auth-brand-panel:before,.elm-platform-story:before,.elm-free:before{content:"";position:absolute;inset:auto auto -32% -10%;width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(85,208,238,.24),rgba(85,208,238,0) 70%);pointer-events:none}
.elm-hero:after,.elm-catalog-hero:after,.elm-final-cta:after,.auth-brand-panel:after,.elm-platform-story:after,.elm-free:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));pointer-events:none}
.elm-hero-shell{grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr)!important;gap:44px!important;align-items:center}
.elm-hero-copy{max-width:620px;z-index:2}
.elm-hero-emblem{width:min(440px,35vw)!important;aspect-ratio:1;justify-self:center}
.elm-seal-core{background:radial-gradient(circle at 50% 50%,rgba(151,232,248,.14),rgba(4,26,51,.04));border-color:rgba(154,229,245,.42)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 30px 90px rgba(0,0,0,.23)!important}
.elm-seal-core img{width:72%!important;height:72%!important;object-fit:contain;filter:drop-shadow(0 20px 38px rgba(0,0,0,.22))}
.elm-story-emblem img,.elm-final-cta>img,.elm-catalog-mark img,.elm-auth-emblem img{width:100%!important;height:100%!important;object-fit:contain!important}
.elm-story-emblem,.elm-catalog-mark,.elm-auth-emblem{display:grid;place-items:center}
.elm-story-emblem{background:linear-gradient(145deg,#e8f8fd,#f9fdff)!important;border:1px solid #d5ebf1;box-shadow:0 20px 60px rgba(17,70,87,.08)}
.elm-story-emblem img{max-width:72%;max-height:72%}
.elm-platform-story{background:linear-gradient(135deg,#ffffff 0%,#f6fbfd 50%,#edf8fb 100%)!important;border:1px solid #d8edf3;box-shadow:0 24px 60px rgba(11,53,70,.07)!important}
.elm-final-cta{background:linear-gradient(130deg,#03172f 0%,#082e54 58%,#0d5d79 100%)!important;border-radius:34px!important;box-shadow:0 34px 80px rgba(8,37,57,.16)!important}
.elm-final-cta>img{width:280px!important;opacity:.15!important;inset-inline-start:auto!important;inset-inline-end:28px!important;bottom:-22px!important}
.elm-catalog-hero,.auth-brand-panel{background:linear-gradient(135deg,#06223f 0%,#0b355f 48%,#127391 100%)!important;border-radius:32px!important;box-shadow:0 28px 80px rgba(11,53,70,.12)}
.elm-catalog-hero{margin:34px auto 0;max-width:1240px;padding:96px 34px 58px!important}
.elm-catalog-hero h1{font-size:clamp(32px,3.8vw,52px)!important;line-height:1.04!important}
html[dir="rtl"] .elm-catalog-hero h1{font-size:clamp(28px,3.4vw,42px)!important;line-height:1.42!important}
.elm-catalog-mark{width:230px!important;height:230px!important;border-radius:32px!important;background:linear-gradient(150deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid rgba(169,232,246,.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.elm-catalog-mark img{max-width:62%!important;max-height:62%!important;opacity:.96}
.auth-page{background:linear-gradient(180deg,#ffffff 0%,#f4fbfd 100%)!important}
.auth-brand-panel{margin:22px 0 22px 22px;min-height:calc(100vh - 44px);padding:34px 38px!important}
html[dir="rtl"] .auth-brand-panel{margin:22px 22px 22px 0}
.auth-brand-copy h1{font-size:clamp(34px,4vw,54px)!important;line-height:1.02!important}
html[dir="rtl"] .auth-brand-copy h1{font-size:clamp(28px,3.2vw,40px)!important;line-height:1.38!important}
.auth-brand-copy{max-width:440px!important}
.auth-brand-art{right:18px!important;bottom:18px!important;width:48%!important;height:58%!important}
html[dir="rtl"] .auth-brand-art{left:18px!important;right:auto!important}
.auth-brand-art>span{width:280px!important;height:280px!important;right:0!important;bottom:0!important;background:radial-gradient(circle,rgba(115,220,242,.22),rgba(115,220,242,0) 72%)!important}
.auth-brand-art svg{left:auto!important;right:-30%!important;top:26%!important;width:135%!important;height:84px!important;opacity:.18!important}
html[dir="rtl"] .auth-brand-art svg{right:auto!important;left:-30%!important}
.auth-brand-art img{height:auto!important;max-height:100%!important;max-width:100%!important;width:100%!important;object-fit:contain!important;opacity:.94}
.auth-form-panel{padding:72px 32px 50px!important}
.auth-form{width:min(100%,500px)!important}
.auth-form h2,.simple-auth-card h1,.checkout-main h1{font-size:clamp(30px,3vw,42px)!important;line-height:1.08!important}
html[dir="rtl"] .auth-form h2,html[dir="rtl"] .simple-auth-card h1,html[dir="rtl"] .checkout-main h1{font-size:clamp(26px,2.8vw,34px)!important;line-height:1.35!important}
.form-switch,.legal-hint,.mobile-back{font-size:11px!important}
form label,.settings-card label,.inline-create label,.inline-edit label{font-size:11px!important}
.elm-course-body h3,.elm-catalog-card h2,.elm-book-copy h3,.course-resource-grid h3,.elm-resource-stack h3,.elm-method-track article h3,.feature-list strong{font-size:16px!important;line-height:1.35!important}
html[dir="rtl"] .elm-course-body h3,html[dir="rtl"] .elm-catalog-card h2,html[dir="rtl"] .elm-book-copy h3,html[dir="rtl"] .course-resource-grid h3{font-size:15px!important}
.elm-course-body p,.elm-catalog-card .catalog-body p,.elm-book-copy p,.elm-resource-stack p,.elm-method-track article p,.feature-list small,.course-resource-grid p,.chapter-lessons strong,.chapter-head strong,.course-buy-card li{font-size:12px!important;line-height:1.7!important}
.elm-course-body>small,.catalog-meta,.elm-book-copy small,.course-resource-grid article>span,.chapter-head small,.chapter-head>b,.chapter-lessons small,.elm-course-body footer strong,.elm-course-body footer span,.elm-catalog-card footer,.filter-chip,.elm-library-strip span,.elm-story-points span{font-size:10.5px!important}
.elm-course-card,.elm-catalog-card,.elm-book-card,.course-resource-grid article,.elm-resource-stack article,.elm-method-track article,.elm-audience-card,.course-buy-card,.auth-form,.simple-auth-card,.order-summary,.legal-wrap{box-shadow:0 18px 44px rgba(13,45,58,.08)!important}
.elm-book-cover,.course-resource-grid article>div,.course-art-panel,.elm-course-media{background:linear-gradient(145deg,#eff8fb,#fcfeff)!important}
@media (max-width:980px){
  .elm-hero-shell{grid-template-columns:1fr!important;gap:24px!important}
  .elm-hero-copy{max-width:100%}
  .elm-hero-copy h1{max-width:none}
  .elm-hero-emblem{width:min(360px,84vw)!important}
  .elm-catalog-hero{grid-template-columns:1fr!important;padding:82px 22px 42px!important;border-radius:28px!important}
  .elm-catalog-mark{width:185px!important;height:185px!important;justify-self:start}
  html[dir="rtl"] .elm-catalog-mark{justify-self:end}
  .auth-page{grid-template-columns:1fr!important}
  .auth-brand-panel{margin:16px 16px 0!important;min-height:340px!important;padding:24px!important;border-radius:26px!important}
  .auth-brand-copy{margin-top:56px!important;max-width:100%!important}
  .auth-brand-art{width:220px!important;height:220px!important;right:-14px!important;bottom:-14px!important;opacity:.22!important}
  html[dir="rtl"] .auth-brand-art{left:-14px!important;right:auto!important}
  .auth-form-panel{padding:26px 18px 44px!important}
}
@media (max-width:640px){
  body.elm-v13{font-size:13px}
  .elm-kicker,.section-kicker,.form-kicker{font-size:9.5px!important}
  .elm-hero{border-radius:0 0 24px 24px!important;padding:74px 14px 48px!important}
  .elm-hero-copy h1{font-size:29px!important;line-height:1.16!important}
  html[dir="rtl"] .elm-hero-copy h1{font-size:26px!important;line-height:1.5!important}
  .elm-hero-copy>p,.elm-section-head>p,.elm-resources-intro p,.elm-story-copy>p,.elm-audience-card>p,.elm-final-cta p,.elm-free-copy>p,.course-page-copy>p,.course-summary-copy>p,.auth-brand-copy p,.auth-form>p,.catalog-body p,.elm-catalog-hero p{font-size:12px!important;line-height:1.78!important}
  .elm-section-head h2,.elm-audience h2,.elm-resources h2,.elm-platform-story h2,.elm-final-cta h2,.elm-free h2,.course-summary-copy h2,.section-heading h2{font-size:24px!important;line-height:1.2!important}
  html[dir="rtl"] .elm-section-head h2,html[dir="rtl"] .elm-audience h2,html[dir="rtl"] .elm-resources h2,html[dir="rtl"] .elm-platform-story h2,html[dir="rtl"] .elm-final-cta h2,html[dir="rtl"] .elm-free h2,html[dir="rtl"] .course-summary-copy h2,html[dir="rtl"] .section-heading h2{font-size:21px!important;line-height:1.52!important}
  .elm-hero-actions{grid-template-columns:1fr!important}
  .elm-btn{font-size:12px!important;min-height:44px!important}
  .elm-marquee-group span{font-size:9px!important;padding:10px 14px!important}
  .elm-course-card,.elm-catalog-card{grid-template-columns:1fr!important}
  .elm-course-media,.elm-catalog-card .catalog-media{aspect-ratio:1.65!important;height:auto!important}
  .elm-course-body,.elm-catalog-card .catalog-body{padding:14px!important}
  .elm-course-body h3,.elm-catalog-card h2,.elm-book-copy h3,.course-resource-grid h3,.elm-resource-stack h3,.elm-method-track article h3,.feature-list strong{font-size:14px!important}
  .elm-course-body p,.elm-catalog-card .catalog-body p,.elm-book-copy p,.elm-resource-stack p,.elm-method-track article p,.feature-list small,.course-resource-grid p,.chapter-lessons strong,.chapter-head strong,.course-buy-card li{font-size:11.5px!important}
  .elm-course-body>small,.catalog-meta,.elm-book-copy small,.course-resource-grid article>span,.chapter-head small,.chapter-head>b,.chapter-lessons small,.elm-course-body footer strong,.elm-course-body footer span,.elm-catalog-card footer,.filter-chip,.elm-library-strip span,.elm-story-points span{font-size:9.5px!important}
  .elm-catalog-hero{margin-top:18px!important;padding:76px 14px 38px!important}
  .elm-catalog-hero h1{font-size:28px!important;line-height:1.14!important}
  html[dir="rtl"] .elm-catalog-hero h1{font-size:24px!important;line-height:1.5!important}
  .elm-catalog-mark{width:156px!important;height:156px!important;border-radius:22px!important}
  .elm-final-cta{padding:30px 18px!important;min-height:0!important;border-radius:26px!important}
  .elm-final-cta>img{width:170px!important;inset-inline-end:8px!important;bottom:-10px!important;opacity:.13!important}
  .elm-platform-story,.elm-free{margin-inline:10px!important;padding:28px 18px!important;border-radius:22px!important}
  .auth-brand-panel{min-height:285px!important;margin:12px 12px 0!important;padding:18px!important}
  .auth-brand-copy h1{font-size:27px!important;line-height:1.18!important}
  html[dir="rtl"] .auth-brand-copy h1{font-size:23px!important;line-height:1.48!important}
  .auth-brand-art{width:180px!important;height:180px!important;bottom:-6px!important}
  .auth-form-panel{padding:18px 12px 34px!important}
  .auth-form{width:100%!important}
  .two-fields{grid-template-columns:1fr!important}
}
.elm-course-page-hero{background:linear-gradient(135deg,#ffffff 0%,#f4fbfd 46%,#e9f8fb 100%)!important;border:1px solid #dceef4;border-radius:30px!important;box-shadow:0 24px 60px rgba(11,53,70,.08);max-width:1240px;margin:26px auto 0;padding:72px 28px!important}
.elm-course-page-hero .course-page-copy h1{font-size:clamp(30px,3.7vw,46px)!important;line-height:1.08!important}
html[dir="rtl"] .elm-course-page-hero .course-page-copy h1{font-size:clamp(25px,3.2vw,36px)!important;line-height:1.42!important}
.elm-course-page-hero .course-art-panel{border-radius:28px!important;border:1px solid #dceef4;overflow:hidden;box-shadow:0 18px 44px rgba(13,45,58,.08)!important}
@media (max-width:640px){.elm-course-page-hero{margin-top:16px;padding:58px 14px!important;border-radius:22px!important}}

/* =========================================================
   V30 — Dedicated Admin Login + Admin layout hardening
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}

/* Dedicated administrator sign-in */
.admin-auth-shell{margin:0;min-height:100svh;background:#f5fafc;color:#123142;font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif}
.admin-auth-shell main{min-height:100svh}
.admin-login-page{min-height:100svh;padding:22px;display:grid;place-items:center;background:radial-gradient(circle at 14% 18%,rgba(54,188,225,.13),transparent 30%),linear-gradient(135deg,#f7fcfd 0%,#fff 52%,#eef9fc 100%)}
.admin-login-shell{width:min(1080px,100%);min-height:640px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);background:#fff;border:1px solid #d8e9ee;border-radius:30px;overflow:hidden;box-shadow:0 30px 90px rgba(16,50,66,.12)}
.admin-login-brand{position:relative;overflow:hidden;padding:30px;background:linear-gradient(145deg,#092d49,#0e4160 58%,#147396);color:#fff;display:flex;flex-direction:column;min-width:0}
.admin-login-brand:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(139,225,244,.16);right:-165px;top:-105px;box-shadow:0 0 0 76px rgba(139,225,244,.035)}
.admin-login-logo{position:relative;z-index:3;display:inline-flex;align-items:center;gap:10px;width:max-content;color:#fff}
.admin-login-logo .brand-symbol{width:44px;height:44px;border-radius:50%;background:#fff;padding:3px}
.admin-login-logo span{display:flex;flex-direction:column;line-height:1.05}.admin-login-logo b{font-size:13px;letter-spacing:.04em}.admin-login-logo small{font-size:7px;letter-spacing:.16em;color:#a7dce9;margin-top:5px}
.admin-login-visual{position:relative;z-index:2;display:grid;place-items:center;flex:1;min-height:270px}
.admin-login-visual img{width:min(220px,52%);aspect-ratio:1;object-fit:contain;border-radius:50%;background:#fff;padding:8px;box-shadow:0 24px 52px rgba(0,0,0,.2);animation:adminLoginFloat 6s ease-in-out infinite}
.admin-login-ring{position:absolute;border-radius:50%;border:1px solid rgba(117,219,242,.23)}.admin-login-ring.r1{width:290px;height:290px;animation:adminRing 18s linear infinite}.admin-login-ring.r2{width:360px;height:360px;border-style:dashed;opacity:.55;animation:adminRing 28s linear reverse infinite}
.admin-login-copy{position:relative;z-index:3;max-width:420px}.admin-login-copy>span,.admin-login-form-head>span{font-size:9px;font-weight:800;letter-spacing:.18em;color:#70d4eb}.admin-login-copy h1{font-size:clamp(31px,3.1vw,44px);line-height:1.04;letter-spacing:-.045em;margin:10px 0 12px}.admin-login-copy h1 em{font-style:normal;color:#67d6ef}.admin-login-copy p{font-size:11px;line-height:1.75;color:#b9d2db;margin:0;max-width:390px}
.admin-login-form-wrap{display:grid;place-items:center;padding:54px 42px;min-width:0}
.admin-login-form{width:min(100%,430px);display:grid;gap:14px;min-width:0}.admin-login-form-head{margin-bottom:10px}.admin-login-form-head>span{color:#199ec8}.admin-login-form-head h2{font-size:36px;line-height:1.05;letter-spacing:-.04em;color:#102f3f;margin:8px 0 6px}.admin-login-form-head p{font-size:11px;color:#72868f;margin:0}
.admin-login-form label{display:grid;gap:7px;font-size:10px;font-weight:800;color:#405b67;min-width:0}.admin-login-form input[type=email],.admin-login-form input[type=password]{width:100%;min-width:0;min-height:50px;border:1px solid #d5e6ec;border-radius:14px;padding:11px 13px;background:#fff;color:#173442;font-size:14px;outline:none;transition:.2s ease}.admin-login-form input:focus{border-color:#79cfe4;box-shadow:0 0 0 4px rgba(49,177,213,.1)}
.admin-login-check{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;font-size:10px!important;color:#70838d!important;font-weight:650!important}.admin-login-check input{width:16px;height:16px;min-height:0;flex:0 0 auto}
.admin-login-submit{min-height:50px;border:0;border-radius:14px;background:#0b3553;color:#fff;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 14px 30px rgba(11,53,83,.18);transition:.25s ease}.admin-login-submit:hover{transform:translateY(-2px);background:#104965;box-shadow:0 18px 38px rgba(11,53,83,.22)}.admin-login-submit .ui-icon{width:16px}.admin-login-back{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#71848d;margin-top:5px}.admin-login-back .ui-icon{width:13px;transform:rotate(180deg)}
@keyframes adminLoginFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes adminRing{to{transform:rotate(360deg)}}

/* Admin shell: prevent cards/text from colliding or clipping */
.admin-shell-v13 .admin-main,.admin-shell-v13 .admin-main *{box-sizing:border-box}
.admin-shell-v13 .admin-main,.admin-shell-v13 .admin-main>*,.admin-shell-v13 .admin-main section,.admin-shell-v13 .admin-main article,.admin-shell-v13 .admin-main div,.admin-shell-v13 .admin-main form,.admin-shell-v13 .admin-main label{min-width:0}
.admin-shell-v13 .admin-main{overflow:visible;padding-bottom:70px}
.admin-shell-v13 .admin-top{gap:18px;align-items:flex-start;flex-wrap:wrap}.admin-shell-v13 .admin-top>div{min-width:0;flex:1 1 320px}.admin-shell-v13 .admin-top h1,.admin-shell-v13 .admin-top p{max-width:100%;overflow-wrap:anywhere}.admin-shell-v13 .admin-top>.button,.admin-shell-v13 .admin-top>.primary-btn{flex:0 0 auto;white-space:nowrap}
.admin-shell-v13 .stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.admin-shell-v13 .stat-grid article{min-width:0;overflow:hidden;padding:18px!important}.admin-shell-v13 .stat-grid article>span,.admin-shell-v13 .stat-grid article>small,.admin-shell-v13 .stat-grid article>strong{max-width:100%;overflow-wrap:anywhere}.admin-shell-v13 .stat-grid article>strong{font-size:clamp(20px,2.1vw,27px)!important;line-height:1.08}.admin-shell-v13 .stat-grid article>strong em{display:inline;font-size:10px!important}
.admin-shell-v13 .admin-panels{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;gap:12px!important}.admin-shell-v13 .chart-panel,.admin-shell-v13 .admin-list-panel{min-width:0;overflow:hidden}.admin-shell-v13 .panel-head{min-width:0;gap:12px}.admin-shell-v13 .panel-head>div{min-width:0}.admin-shell-v13 .panel-head h2,.admin-shell-v13 .panel-head b,.admin-shell-v13 .panel-head a{max-width:100%;overflow-wrap:anywhere}.admin-shell-v13 .admin-list-panel>a{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:10px;min-width:0}.admin-shell-v13 .admin-list-panel>a>div{min-width:0}.admin-shell-v13 .admin-list-panel>a strong,.admin-shell-v13 .admin-list-panel>a small{display:block;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:normal}

/* Tables should scroll instead of crushing cells */
.admin-shell-v13 .admin-table-card{display:block;max-width:100%;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch;border-radius:18px}
.admin-shell-v13 .admin-table-card>.panel-head{position:sticky;left:0;right:0;min-width:min(100%,720px)}
.admin-shell-v13 .admin-table-card .table-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.admin-shell-v13 .admin-table-card table{width:100%;min-width:720px;table-layout:auto}.admin-shell-v13 .admin-table-card th{white-space:nowrap}.admin-shell-v13 .admin-table-card td{vertical-align:middle;white-space:normal;overflow-wrap:anywhere;word-break:normal}.admin-shell-v13 .admin-table-card td strong,.admin-shell-v13 .admin-table-card td small{max-width:100%;white-space:normal!important;overflow-wrap:anywhere}
.admin-shell-v13 .table-menu,.admin-shell-v13 .row-actions,.admin-shell-v13 .action-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:max-content}

/* Editors / settings / builders */
.admin-shell-v13 .settings-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start}.admin-shell-v13 .settings-card{min-width:0!important;overflow:visible!important;padding:18px!important}.admin-shell-v13 .settings-card h2,.admin-shell-v13 .settings-card p,.admin-shell-v13 .settings-card small,.admin-shell-v13 .settings-card label{max-width:100%;overflow-wrap:anywhere}.admin-shell-v13 .settings-card input,.admin-shell-v13 .settings-card select,.admin-shell-v13 .settings-card textarea{min-width:0;max-width:100%}.admin-shell-v13 .settings-submit{grid-column:1/-1;display:flex;justify-content:flex-end}
.admin-shell-v13 .admin-split,.admin-shell-v13 .editor-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start}.admin-shell-v13 .course-details-card,.admin-shell-v13 .course-builder,.admin-shell-v13 .question-admin,.admin-shell-v13 .lesson-builder,.admin-shell-v13 .payment-review,.admin-shell-v13 .ticket-admin-list,.admin-shell-v13 .admin-thread{min-width:0;max-width:100%;overflow:visible}.admin-shell-v13 .builder-chapter,.admin-shell-v13 .lesson-builder,.admin-shell-v13 .question-admin,.admin-shell-v13 .payment-review{overflow-wrap:anywhere}.admin-shell-v13 .builder-head,.admin-shell-v13 .ticket-admin-head{gap:10px;flex-wrap:wrap}.admin-shell-v13 .inline-create,.admin-shell-v13 .inline-edit,.admin-shell-v13 .lesson-edit-form,.admin-shell-v13 .question-edit-form{min-width:0}.admin-shell-v13 input,.admin-shell-v13 select,.admin-shell-v13 textarea{max-width:100%;min-width:0}.admin-shell-v13 textarea{overflow-wrap:anywhere}

@media(max-width:1180px){
 .admin-shell-v13 .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .admin-shell-v13 .admin-panels{grid-template-columns:1fr!important}
 .admin-shell-v13 .settings-grid,.admin-shell-v13 .admin-split,.admin-shell-v13 .editor-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
 .admin-login-page{padding:12px}.admin-login-shell{grid-template-columns:1fr;min-height:0;border-radius:22px}.admin-login-brand{min-height:290px;padding:20px}.admin-login-visual{position:absolute;right:-35px;top:45px;width:220px;min-height:220px;opacity:.28}.admin-login-visual img{width:125px}.admin-login-ring.r1{width:180px;height:180px}.admin-login-ring.r2{width:225px;height:225px}.admin-login-copy{margin-top:auto;max-width:82%;padding-top:95px}.admin-login-copy h1{font-size:27px}.admin-login-copy p{font-size:10px}.admin-login-form-wrap{padding:26px 18px 30px}.admin-login-form-head h2{font-size:30px}
 .admin-shell-v13 .stat-grid{grid-template-columns:1fr!important}.admin-shell-v13 .stat-grid article{padding:15px!important}.admin-shell-v13 .admin-top>.button,.admin-shell-v13 .admin-top>.primary-btn{width:100%;justify-content:center}.admin-shell-v13 .settings-card{padding:14px!important}.admin-shell-v13 .admin-table-card{border-radius:14px}.admin-shell-v13 .admin-table-card table{min-width:660px}.admin-shell-v13 .panel-head{align-items:flex-start!important;flex-direction:column!important}.admin-shell-v13 .settings-submit .primary-btn{width:100%}
}
@media(max-width:390px){.admin-login-brand{min-height:260px}.admin-login-copy h1{font-size:24px}.admin-login-copy p{display:none}.admin-login-form-wrap{padding:22px 14px 26px}.admin-login-form{gap:12px}.admin-login-form-head h2{font-size:27px}.admin-login-form input[type=email],.admin-login-form input[type=password]{font-size:16px;min-height:48px}}
@media(prefers-reduced-motion:reduce){.admin-login-visual img,.admin-login-ring{animation:none!important}}

/* =========================================================
   V31 — Admin login isolated from public shell
   ========================================================= */
.admin-auth-shell{overflow-x:hidden!important}
.admin-auth-shell>main{width:100%;min-height:100svh;display:block}
.admin-auth-shell .admin-login-page{width:100%;min-height:100svh;margin:0;isolation:isolate}
.admin-auth-shell .v20-header,.admin-auth-shell .v20-mobile-menu,.admin-auth-shell .v20-footer,.admin-auth-shell .elm-page-transition,.admin-auth-shell .v20-transition,.admin-auth-shell .site-scroll-progress{display:none!important}
.admin-auth-shell .admin-login-shell{position:relative;z-index:2}
.admin-auth-shell .admin-login-logo .brand-symbol{display:block;width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;object-fit:contain!important}
.admin-auth-shell .admin-login-visual>img{display:block;width:210px!important;height:210px!important;max-width:210px!important;max-height:210px!important;object-fit:contain!important}
@media(max-width:760px){
  .admin-auth-shell .admin-login-page{padding:10px;place-items:start center;background:linear-gradient(180deg,#f4fbfd,#fff)}
  .admin-auth-shell .admin-login-shell{width:100%;max-width:520px;margin:10px auto;border-radius:20px;overflow:hidden}
  .admin-auth-shell .admin-login-brand{min-height:220px;padding:18px}
  .admin-auth-shell .admin-login-visual{right:-10px;top:28px;width:170px;min-height:170px;opacity:.22}
  html[dir="rtl"] .admin-auth-shell .admin-login-visual{right:auto;left:-10px}
  .admin-auth-shell .admin-login-visual>img{width:105px!important;height:105px!important}
  .admin-auth-shell .admin-login-copy{padding-top:65px;max-width:76%}
  .admin-auth-shell .admin-login-copy h1{font-size:24px;line-height:1.12}
  .admin-auth-shell .admin-login-form-wrap{padding:22px 16px 26px}
  .admin-auth-shell .admin-login-form{width:100%}
}

/* V37 student quiz formats */
.quiz-start-card>span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef8fb;color:#148eb8;font-size:9px;font-weight:850;letter-spacing:.05em}
.theory-form,.bubble-form{max-width:1100px}
.theory-paper{display:grid;gap:14px}
.theory-paper-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}
.theory-paper-head span{font-size:9px;font-weight:850;color:var(--sky-deep)}
.theory-paper-head b{font-size:10px}
.theory-question{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.theory-question>span{display:block;font-size:9px;color:var(--muted);font-weight:800;margin-bottom:8px}
.theory-question h2{font-size:18px;line-height:1.55;margin:0 0 12px}
.theory-question textarea,.standard-essay{width:100%;min-height:150px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfdfe;resize:vertical;font:inherit;line-height:1.7}
.theory-question textarea:focus,.standard-essay:focus{outline:2px solid rgba(56,185,225,.18);border-color:var(--sky)}
.answers.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.static-submit{justify-content:flex-end}
.theory-pending{text-align:center}
.theory-pending:before{content:'✓';width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#eef9f5;color:#1a8b68;font-size:24px;font-weight:900}
.bubble-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.bubble-questions{display:grid;gap:10px}
.bubble-questions article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}
.bubble-questions article>span{width:34px;height:34px;border-radius:10px;background:#eef8fb;color:#148eb8;display:grid;place-items:center;font-size:9px;font-weight:900}
.bubble-questions h2{font-size:14px;line-height:1.5;margin:0 0 7px}
.bubble-questions ol{margin:0;padding-inline-start:20px;color:#596f79;font-size:11px;line-height:1.8}
.bubble-sheet{position:sticky;top:86px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 18px 40px rgba(12,54,87,.07)}
.bubble-sheet header{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:4px 2px 12px;border-bottom:1px solid var(--line)}
.bubble-sheet header span{font-size:9px;font-weight:900;color:#148eb8}
.bubble-sheet header strong{font-size:9px;color:#6f838d;letter-spacing:.12em}
.bubble-row{display:grid;grid-template-columns:28px repeat(4,1fr);gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid #eef3f5}
.bubble-row:last-child{border-bottom:0}
.bubble-row>b{font-size:9px;color:#70858e}
.bubble-row label{cursor:pointer}
.bubble-row input{position:absolute;opacity:0;pointer-events:none}
.bubble-row span{width:30px;height:30px;border-radius:50%;border:1.5px solid #cbdce1;display:grid;place-items:center;font-size:9px;font-weight:850;color:#607985;transition:.2s ease;background:#fff}
.bubble-row input:checked+span{background:#0d3958;color:#fff;border-color:#0d3958;box-shadow:0 0 0 4px rgba(56,185,225,.15)}
@media(max-width:900px){.bubble-layout{grid-template-columns:1fr}.bubble-sheet{position:static;order:-1}.answers.compact{grid-template-columns:1fr}}
@media(max-width:620px){.quiz-form{padding:26px 12px}.theory-question{padding:14px}.theory-question h2{font-size:15px}.bubble-sheet{padding:10px}.bubble-row{grid-template-columns:24px repeat(4,1fr)}.bubble-row span{width:28px;height:28px}.bubble-questions article{padding:11px;grid-template-columns:32px minmax(0,1fr)}.bubble-questions article>span{width:30px;height:30px}}

/* V38 — distinct True/False and True/False + Correction UX */
.true-false-builder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:2px}
.true-false-builder button{min-height:84px;border:1px solid #d5e5ea;border-radius:18px;background:#fff;color:#16354a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:inherit;cursor:pointer;transition:.2s ease;box-shadow:0 8px 20px rgba(16,55,77,.04)}
.true-false-builder button b{font-size:14px;letter-spacing:.05em}.true-false-builder button span{font-size:11px;color:#6d828c}
.true-false-builder button:hover{transform:translateY(-2px);border-color:#78cae2}
.true-false-builder button.is-correct{border-color:#4ec39a;background:#f2fbf7;color:#116b50;box-shadow:0 0 0 3px rgba(78,195,154,.10)}
.true-false-builder button.is-correct span{color:#2d8268}
.correction-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border:1px solid #d9e8ed;border-radius:18px;background:#f9fcfd}
.correction-fields .builder-note{grid-column:1/-1;padding:11px 12px;border-radius:12px;background:#eef8fb;border-inline-start:3px solid #31b6dc}
.correction-fields .builder-note strong{display:block;font-size:12px;color:#17384c;margin-bottom:3px}.correction-fields .builder-note p{margin:0;font-size:10px;color:#6e828d;line-height:1.55}
.correction-fields label:last-child{grid-column:1/-1;max-width:240px}
.tf-student-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.tf-student-options label{position:relative;cursor:pointer}.tf-student-options input{position:absolute;opacity:0;pointer-events:none}
.tf-student-options span{min-height:64px;border:1.5px solid #d6e3e8;border-radius:16px;background:#fff;display:grid;place-items:center;font-size:14px;font-weight:850;color:#405e6d;transition:.2s ease}
.tf-student-options label:has(input:checked) span{background:#0d3958;border-color:#0d3958;color:#fff;box-shadow:0 0 0 4px rgba(56,185,225,.13)}
.correction-answer{display:grid;gap:7px;margin-top:12px}.correction-answer>span{font-size:11px;font-weight:800;color:#365566}.correction-answer textarea{width:100%;min-height:110px;border:1px solid #d7e5e9;border-radius:14px;padding:13px;resize:vertical;background:#fff;font:inherit}
.bubble-tf-labels{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;color:#5f7783}.bubble-tf-labels span{padding:5px 8px;border-radius:999px;background:#eef8fb}
.bubble-row.is-tf{grid-template-columns:28px repeat(2,1fr)}
.grading-hint{font-size:10px!important;color:#70858f!important;margin:8px 0 0!important}
@media(max-width:620px){.true-false-builder,.tf-student-options,.correction-fields{grid-template-columns:1fr}.correction-fields .builder-note,.correction-fields label:last-child{grid-column:auto;max-width:none}.true-false-builder button{min-height:68px}.tf-student-options span{min-height:56px}}

/* V40 - admin simplification, quiz sharing, protected PDF reader */
.admin-v40 .admin-top h1,.admin-v40 h1,.admin-v40 h2,.admin-v40 h3{color:#0b2f45}.admin-v40 .admin-top p,.admin-v40 p{color:#556f7d}
.resource-grid-v40{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.resource-card-v40{display:grid;grid-template-columns:150px minmax(0,1fr);padding:14px;gap:16px;overflow:visible!important;border-color:#cfdde4;box-shadow:0 10px 28px rgba(9,44,63,.06)}.resource-card-v40 .resource-cover{aspect-ratio:3/4;border-radius:16px;overflow:hidden;padding:10px}.resource-card-v40 .resource-body{padding:4px!important;min-width:0}.resource-card-v40 h3{font-size:15px;color:#0b2f45;overflow-wrap:anywhere}.resource-card-v40 p{font-size:10px}.protection-inline{margin-top:12px;padding:12px;border:1px solid #d7e2e8;border-radius:14px;background:#f7fafb;display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px;align-items:end}.protection-inline label>span,.protection-box label>span{display:block;font-size:9px;font-weight:800;color:#183e53;margin-bottom:5px}.protection-box{padding:16px;border-radius:16px;background:#f3f7f9;border:1px solid #cfdde4;display:grid;gap:10px}.protection-box h3{margin:2px 0;font-size:15px}.protection-box p{margin:0 0 4px;font-size:10px;color:#5b7280;line-height:1.55}.resource-upload-v40{grid-template-columns:minmax(150px,1fr) minmax(160px,1fr) 170px auto!important}.status-pill.info{background:#e5f3f8;color:#0d7294}.status-pill.warning{background:#fff2d8;color:#885b00}
.quiz-share-card{margin:12px 0 16px;border-color:#bfd7e2!important;background:linear-gradient(135deg,#fff,#f5fafc)!important}.share-link-row,.quiz-card-share{display:flex;gap:8px;align-items:center}.share-link-row input,.quiz-card-share input{min-width:0;flex:1;background:#fff;color:#17384a;border:1px solid #c8dbe4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.share-help{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.share-help span{padding:6px 9px;background:#edf4f7;border-radius:999px;font-size:9px;color:#3f5f70}.quiz-card-share{margin:10px 0}.quiz-card-share input{font-size:8px;min-height:34px}.question-order-actions{display:flex;gap:7px;align-items:center;padding:0 12px 12px}.question-order-actions>span{font-size:9px;font-weight:800;color:#607985;margin-inline-end:4px}.question-order-actions form{margin:0}.question-order-actions .secondary-btn{min-width:38px;padding:7px 10px}
.reader-v40{background:#eaf0f3;color:#0b2f45;padding:18px;min-height:100vh}.reader-v40>header{background:#fff;border:1px solid #ccdbe2;border-radius:16px;padding:10px 14px;height:auto;min-height:58px;margin-bottom:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center}.reader-v40>header a{color:#0e6583!important}.reader-v40>header strong{color:#0b2f45;font-size:12px}.reader-v40>header small{color:#168db6;font-size:8px}.reader-actions{display:flex!important;flex-direction:row!important;gap:8px;align-items:center}.reader-protection-chip{padding:6px 9px;border-radius:999px;background:#e7f3f7;color:#135f7d;font-size:9px;font-weight:800}.reader-frame-v40{position:relative;max-width:1100px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px rgba(10,37,52,.14)}.reader-frame-v40 iframe{height:calc(100vh - 120px);min-height:620px;border-radius:0}.reader-watermark-grid{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;z-index:5;overflow:hidden}.reader-watermark-tile{width:190px;min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;opacity:.12;transform:rotate(-25deg);color:#0c334a;text-align:center}.reader-watermark-tile img{width:48px;height:48px;object-fit:contain;filter:grayscale(1)}.reader-watermark-tile strong{font-size:12px;line-height:1.2}.reader-watermark-tile span{font-size:10px;font-weight:800}.reader-protection-note{max-width:1100px;margin:9px auto 0;font-size:9px;color:#55717e;text-align:center}
@media(max-width:980px){.resource-grid-v40{grid-template-columns:1fr}.protection-inline{grid-template-columns:1fr 1fr}.protection-inline button{grid-column:1/-1}.resource-upload-v40{grid-template-columns:1fr!important}.reader-watermark-tile{width:130px}.reader-watermark-grid{grid-template-columns:repeat(2,1fr)}.reader-watermark-grid .reader-watermark-tile:nth-child(n+7){display:none}}
@media(max-width:620px){.resource-card-v40{grid-template-columns:92px minmax(0,1fr);gap:10px;padding:10px}.resource-card-v40 .resource-cover{padding:6px;border-radius:12px}.protection-inline{grid-template-columns:1fr}.reader-v40{padding:70px 8px 10px}.reader-v40>header{grid-template-columns:1fr;gap:8px}.reader-actions{justify-content:flex-start}.reader-frame-v40 iframe{height:calc(100vh - 210px);min-height:520px}.reader-watermark-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr)}.reader-watermark-tile{width:100px;min-height:84px;opacity:.11}.reader-watermark-tile img{width:34px;height:34px}.reader-watermark-tile strong{font-size:9px}.reader-watermark-tile span{font-size:8px}.share-link-row,.quiz-card-share{align-items:stretch;flex-direction:column}}

/* V43 payment states and admin review */
.status-pill.awaiting_transfer{background:#eef4f6;color:#526d78}.status-pill.cancelled{background:#f1f3f4;color:#77858b}.payment-code-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:10px;background:#0c3148;color:#fff;font-size:10px;font-weight:850;letter-spacing:.04em}.payment-card .payment-facts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.payment-card .payment-facts span{min-width:0}.payment-card .payment-facts b{overflow-wrap:anywhere}.payment-card .fee-fact b{color:#9b6622}.student-table .payment-code{font-weight:900;color:#0c3148;letter-spacing:.03em}.student-table .continue-payment{display:inline-flex;margin-top:5px;font-size:9px;font-weight:800;color:#159bc4}


/* ===== V44 · Unified My Library ===== */
.my-library-v44{max-width:1540px}.my-library-head{align-items:center}.my-library-head>div{max-width:790px}.my-library-head .button{white-space:nowrap}.my-library-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 30px}.my-library-tabs>a{min-height:70px;padding:12px 14px;border:1px solid var(--line);border-radius:17px;background:#fff;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;color:#647984;transition:.2s ease}.my-library-tabs>a:hover,.my-library-tabs>a.active{border-color:#b9dde8;background:var(--sky-soft);color:var(--sky-deep);box-shadow:0 9px 24px rgba(14,73,96,.06)}.my-library-tabs>a>span{width:36px;height:36px;border-radius:11px;background:#f4f8fa;display:grid;place-items:center}.my-library-tabs>a.active>span{background:#fff}.my-library-tabs .ui-icon{width:17px}.my-library-tabs a:last-child.active .ui-icon{fill:currentColor}.my-library-tabs b{font-size:11.5px}.my-library-tabs em{min-width:27px;height:27px;padding:0 7px;border-radius:999px;background:#f0f5f7;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:850}.my-library-tabs a.active em{background:#fff}.my-library-section{min-width:0}.my-library-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.my-library-section-head h2{font-size:24px;letter-spacing:-.035em;margin:5px 0}.my-library-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.my-library-course-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(13,45,58,.05)}.my-library-course-media{position:relative;display:block;aspect-ratio:16/9;background:var(--surface-soft);overflow:hidden}.my-library-course-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.my-library-course-card:hover .my-library-course-media img{transform:scale(1.025)}.my-library-course-media>span{position:absolute;right:11px;bottom:11px;min-width:44px;height:30px;padding:0 8px;border-radius:10px;background:rgba(255,255,255,.94);display:grid;place-items:center;font-size:9px;font-weight:900;color:var(--sky-deep)}html[dir=rtl] .my-library-course-media>span{right:auto;left:11px}.my-library-course-body{padding:15px}.my-library-course-body>small,.my-library-book-body>small,.my-library-fav-body>small{font-size:8.5px;font-weight:800;color:var(--sky-deep)}.my-library-course-body h3,.my-library-book-body h3,.my-library-fav-body h3{font-size:15px;line-height:1.45;margin:5px 0 11px;color:var(--ink)}.my-library-progress{display:grid;gap:6px;margin-bottom:14px}.my-library-progress>span{height:5px;border-radius:999px;background:#e8f0f3;overflow:hidden}.my-library-progress>span i{display:block;height:100%;border-radius:inherit;background:var(--sky)}.my-library-progress em{font-size:8px;font-style:normal;color:var(--muted)}.my-library-card-actions{display:flex;gap:8px;align-items:center}.my-library-card-actions .button{min-height:38px;height:38px;padding:0 12px;font-size:9px}.my-library-card-actions .button-primary{flex:1}.my-library-book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.my-library-book-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden}.my-library-book-cover{position:relative;aspect-ratio:3/4;background:var(--surface-soft);overflow:hidden}.my-library-book-cover img{width:100%;height:100%;object-fit:cover}.my-library-book-cover>span,.my-library-fav-media>span{position:absolute;top:10px;right:10px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.95);font-size:7px;font-weight:850;color:var(--sky-deep)}html[dir=rtl] .my-library-book-cover>span,html[dir=rtl] .my-library-fav-media>span{right:auto;left:10px}.my-library-book-body{padding:14px}.my-library-book-body p,.my-library-fav-body p{font-size:9.5px;line-height:1.55;color:var(--muted);margin:0 0 12px}.my-library-book-body .button{width:100%;min-height:39px;height:39px;font-size:9px}.my-library-coming{min-height:39px;padding:0 11px;border-radius:10px;background:#f3f7f9;display:flex;align-items:center;gap:7px;color:#758892;font-size:9px}.my-library-coming .ui-icon{width:14px}.my-library-favorite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.my-library-favorite-card{display:grid;grid-template-columns:130px minmax(0,1fr);min-width:0;background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden}.my-library-fav-media{position:relative;display:block;min-height:155px;background:var(--surface-soft);overflow:hidden}.my-library-fav-media img{width:100%;height:100%;object-fit:cover}.my-library-fav-media.book img{object-fit:cover}.my-library-fav-body{min-width:0;padding:14px;display:flex;flex-direction:column}.my-library-fav-body h3{margin-bottom:6px}.my-library-fav-body p{margin-bottom:12px}.my-library-fav-body>div{display:flex;gap:8px;align-items:center;margin-top:auto}.my-library-fav-body .button{flex:1;height:38px;min-height:38px;padding:0 10px;font-size:9px}.my-library-fav-body form{margin:0}.my-library-remove-fav{width:38px;height:38px;border:1px solid #b9dfe9;border-radius:11px;background:#eaf7fb;color:#118bb3;display:grid;place-items:center;cursor:pointer}.my-library-remove-fav .ui-icon{width:16px;fill:currentColor}.my-library-empty{min-height:280px;border:1px dashed #cbdce3;border-radius:22px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.my-library-empty>span{width:54px;height:54px;border-radius:16px;background:var(--sky-soft);color:var(--sky-deep);display:grid;place-items:center;margin-bottom:13px}.my-library-empty>span .ui-icon{width:22px}.my-library-empty strong{font-size:15px}.my-library-empty p{max-width:470px;font-size:10.5px;line-height:1.65;color:var(--muted);margin:6px 0 15px}.my-library-empty .button{min-height:40px;height:40px}
@media(max-width:1120px){.my-library-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.my-library-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.my-library-favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.my-library-head .button{margin-top:14px}.my-library-tabs{display:flex;overflow-x:auto;scrollbar-width:none;margin-inline:-14px;padding-inline:14px;gap:8px}.my-library-tabs::-webkit-scrollbar{display:none}.my-library-tabs>a{flex:0 0 185px;min-height:62px;grid-template-columns:34px 1fr auto;padding:10px}.my-library-tabs>a>span{width:32px;height:32px}.my-library-course-grid,.my-library-book-grid,.my-library-favorite-grid{grid-template-columns:1fr}.my-library-section-head{align-items:flex-start;flex-direction:column}.my-library-favorite-card{grid-template-columns:105px minmax(0,1fr)}.my-library-fav-media{min-height:145px}}
@media(max-width:430px){.my-library-course-body,.my-library-book-body,.my-library-fav-body{padding:12px}.my-library-card-actions{display:grid;grid-template-columns:1fr auto}.my-library-course-body h3,.my-library-book-body h3,.my-library-fav-body h3{font-size:14px}.my-library-favorite-card{grid-template-columns:92px minmax(0,1fr)}.my-library-fav-media{min-height:136px}.my-library-fav-body>div{gap:6px}.my-library-fav-body .button{padding-inline:8px}.my-library-remove-fav{width:36px;height:36px}}

/* ===== V45 · Arabic student typography + registration Telegram welcome ===== */
html[dir="rtl"] body.student-shell-v13,
html[dir="rtl"] body.student-shell-v13 input,
html[dir="rtl"] body.student-shell-v13 textarea,
html[dir="rtl"] body.student-shell-v13 select,
html[dir="rtl"] body.student-shell-v13 button{font-family:"Cairo","Alexandria",system-ui,sans-serif}

.telegram-welcome-page{position:fixed;inset:0;z-index:440;display:grid;place-items:center;overflow:auto;padding:calc(24px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:radial-gradient(circle at 18% 14%,rgba(53,186,226,.22),transparent 33%),radial-gradient(circle at 86% 82%,rgba(38,111,191,.12),transparent 34%),linear-gradient(135deg,#f8fdff 0%,#e8f7fc 45%,#ffffff 100%);isolation:isolate}
.telegram-welcome-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px);z-index:-1}.telegram-welcome-orb.orb-a{width:360px;height:360px;left:-110px;top:-120px;border:1px solid rgba(41,168,211,.18);box-shadow:0 0 0 58px rgba(84,200,231,.035)}.telegram-welcome-orb.orb-b{width:280px;height:280px;right:-85px;bottom:-95px;border:1px dashed rgba(22,100,163,.16);animation:telegramOrbSpin 24s linear infinite}
.telegram-welcome-card{width:min(100%,520px);position:relative;padding:28px;border:1px solid rgba(188,222,233,.94);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(10,55,78,.14);text-align:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.telegram-welcome-brand{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px}.telegram-welcome-logo{width:38px;height:38px;object-fit:contain}.telegram-welcome-brand>span{display:flex;flex-direction:column;text-align:start;line-height:1.05}.telegram-welcome-brand b{font-size:11px;letter-spacing:.06em;color:#0d3047}.telegram-welcome-brand small{font-size:6px;letter-spacing:.16em;color:#8498a1;margin-top:4px}
.telegram-welcome-icon{width:74px;height:74px;margin:0 auto 15px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(145deg,#e7f8fd,#fff);color:#1c9cca;box-shadow:0 15px 35px rgba(24,151,194,.14),inset 0 0 0 1px #d7eef4}.telegram-welcome-icon svg{width:39px;height:39px;fill:rgba(36,169,214,.16);stroke:currentColor;stroke-width:1.45;stroke-linejoin:round}
.telegram-welcome-kicker{display:block;color:#1595bf;font-size:10.5px;font-weight:900;letter-spacing:.14em;margin-bottom:8px}.telegram-welcome-card h1{margin:0;color:#0c314b;font-size:clamp(25px,3vw,34px);line-height:1.25;letter-spacing:-.035em}.telegram-welcome-card>p{max-width:430px;margin:10px auto 17px;color:#647e8a;font-size:14px;line-height:1.75}
.telegram-welcome-year{display:flex;align-items:center;gap:10px;text-align:start;margin:0 auto 18px;padding:11px 13px;border:1px solid #dcebf0;border-radius:14px;background:#f8fcfd}.telegram-welcome-year>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#e9f8fc;color:#168fb7}.telegram-welcome-year .ui-icon{width:17px}.telegram-welcome-year>div{display:flex;flex-direction:column}.telegram-welcome-year small{font-size:10.5px;color:#82959e}.telegram-welcome-year strong{font-size:13px;color:#163a4d;margin-top:1px}
.telegram-join-btn{min-height:50px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:15px;background:linear-gradient(135deg,#21a9d4,#147aa9);color:#fff!important;font-size:14px;font-weight:900;box-shadow:0 15px 34px rgba(26,141,184,.23);transition:transform .2s ease,box-shadow .2s ease}.telegram-join-btn:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(26,141,184,.29)}.telegram-join-btn svg{width:18px;height:18px;fill:rgba(255,255,255,.22);stroke:currentColor;stroke-width:1.25}
.telegram-welcome-card form{margin:8px 0 0}.telegram-skip-btn{width:100%;min-height:44px;border:1px solid #d8e8ed;border-radius:13px;background:#fff;color:#526e7a;font-size:13px;font-weight:800}.telegram-skip-btn:hover{background:#f7fbfc;border-color:#b9dce6}.telegram-welcome-note{display:block;margin-top:11px;color:#8a9ba3;font-size:11.5px;line-height:1.6}
html[dir="rtl"] .telegram-welcome-brand>span,html[dir="rtl"] .telegram-welcome-year{text-align:right}html[dir="rtl"] .telegram-welcome-kicker{letter-spacing:0}.telegram-welcome-card h1{overflow-wrap:normal}html[dir="rtl"] .telegram-welcome-card h1{font-size:clamp(24px,3vw,32px);line-height:1.5;letter-spacing:0}
@keyframes telegramOrbSpin{to{transform:rotate(360deg)}}
@media(max-width:620px){.telegram-welcome-page{padding-inline:12px}.telegram-welcome-card{padding:22px 16px;border-radius:23px}.telegram-welcome-icon{width:66px;height:66px;border-radius:20px}.telegram-welcome-icon svg{width:35px}.telegram-welcome-card h1,html[dir="rtl"] .telegram-welcome-card h1{font-size:25px}.telegram-welcome-card>p{font-size:13.5px}.telegram-join-btn{min-height:52px;font-size:14px}.telegram-skip-btn{min-height:48px;font-size:13px}.telegram-welcome-orb.orb-a{width:270px;height:270px}.telegram-welcome-orb.orb-b{width:220px;height:220px}}
@media(max-width:390px){.telegram-welcome-page{padding-inline:9px}.telegram-welcome-card{padding:19px 13px;border-radius:20px}.telegram-welcome-brand{margin-bottom:14px}.telegram-welcome-icon{width:61px;height:61px;margin-bottom:12px}.telegram-welcome-card h1,html[dir="rtl"] .telegram-welcome-card h1{font-size:22px}.telegram-welcome-card>p{margin-block:8px 14px;font-size:13px}.telegram-welcome-year{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.telegram-welcome-orb.orb-b{animation:none}.telegram-join-btn{transition:none}}

/* =========================================================
   V47 — student sidebar viewport scrolling
   ========================================================= */
.student-side{
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#c8dfe7 transparent;
}
.student-side::-webkit-scrollbar{width:7px}
.student-side::-webkit-scrollbar-track{background:transparent}
.student-side::-webkit-scrollbar-thumb{background:#c8dfe7;border-radius:999px;border:2px solid #fff}
.student-side::-webkit-scrollbar-thumb:hover{background:#9fc8d5}
.student-side>.app-side-top,.student-side>nav,.student-side>.student-mini,.student-side>.student-logout{flex-shrink:0}
@media(max-width:760px){
  .student-side{padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .student-side::-webkit-scrollbar{width:5px}
}