*{box-sizing:border-box}body{margin:0;background:#03131e;color:#eaf8fb;font-family:system-ui,sans-serif;line-height:1.6}header{padding:20px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #16424f;gap:20px}.brand{font-size:28px;font-weight:800;text-decoration:none;color:white}span,h3{color:#00d7e5}nav{display:flex;align-items:center;gap:18px}main{max-width:1120px;margin:auto;padding:28px 20px}h1{font-size:34px}a{color:#92e9ef}p{color:#b1cbd6}.panel{background:#082331;border:1px solid #16424f;border-radius:16px;padding:24px;margin:18px 0}.narrow{max-width:480px;margin:30px auto}label{display:block;margin:12px 0}input,select{width:100%;background:#03131e;color:white;border:1px solid #387080;border-radius:8px;padding:12px;font:inherit}input[type=hidden]{display:none}button,.button{display:inline-block;background:#00d7e5;color:#00222d;border:0;border-radius:8px;padding:12px 18px;font:inherit;font-weight:650;cursor:pointer;text-decoration:none}.secondary{background:#123c4c;color:#d4f4fa}form{margin:16px 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lesson{display:block;padding:12px 0;border-bottom:1px solid #16424f;text-decoration:none}.video{width:100%;aspect-ratio:16/9;border:1px solid #16424f;border-radius:12px;background:#000}summary{cursor:pointer;font-weight:700}.notice{border:1px solid #00a6b4;padding:15px;border-radius:10px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:650px){.columns{grid-template-columns:1fr}header{flex-wrap:wrap}nav{flex-wrap:wrap}h1{font-size:28px}}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid #16424f;border-radius:12px;background:#000}.video-frame .video{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:0;border-radius:0;aspect-ratio:auto;transform-origin:top left}@media(max-width:650px){.columns{gap:0}}
.player-expand{margin:0 0 12px}.player-close{display:none}.video-frame.is-expanded,.video-frame:fullscreen{position:fixed;inset:0;z-index:10000;width:100vw;height:100vh;height:100dvh;aspect-ratio:auto;border:0;border-radius:0;background:#000}.is-expanded .player-close{display:block;position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:2;background:#123c4ce6;color:white}.player-expanded{overflow:hidden}
.drive-popout-cover{position:absolute;z-index:1;background:#000;border-radius:0 0 0 6px;pointer-events:auto}
.drive-popout-cover img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.lesson-modes{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
/* AnatoLab study room */
/* MedLab navigation and course entrance */
.sidebar-catalog{display:block;margin-top:24px;padding-top:18px;border-top:1px solid #204451;flex-shrink:0}
.sidebar-catalog h2{font-size:9px;letter-spacing:1.1px;color:#7fa6b6;margin:0 10px 12px}
.sidebar-region{margin:6px 0;border:1px solid #173e4e;border-radius:9px;background:#072331}
.sidebar-region>summary{padding:13px 10px;font-size:12px;min-height:44px;color:#d6edf3;overflow-wrap:anywhere}
.sidebar-region[open]>summary{color:#00d7e5;background:#0d3040;border-radius:9px 9px 0 0}
.sidebar-topic{margin:0 5px 7px;border-top:1px solid #16424f}
.sidebar-topic>summary{padding:12px 5px;font-size:11px;min-height:44px;overflow-wrap:anywhere;color:#b5d1dd}
.sidebar-mode h3{font-size:10px;text-transform:uppercase;letter-spacing:.8px;margin:10px 9px 3px}
.sidebar-mode a{display:block;padding:11px 9px;min-height:44px;margin:2px 0;color:#c3dce6;font-size:12px;line-height:1.5;border-radius:6px;text-decoration:none;overflow-wrap:anywhere}
.sidebar-mode a:hover{background:#123c4c}.sidebar-mode a[aria-current=page]{background:#154451;box-shadow:inset 3px 0 #00d7e5;color:#fff}.sidebar-mode small{display:block;color:#00d7e5;font-size:10px;margin-top:3px}
.skip-content{position:fixed;left:16px;top:-90px;z-index:12000;background:#00d7e5;color:#00222d;padding:12px}.skip-content:focus{top:12px}
.platform-sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#061b29;border-right:1px solid #16424f;z-index:100;padding:28px 18px;display:flex;flex-direction:column;overflow:auto}
.platform-sidebar[hidden],.sidebar-shade[hidden]{display:none!important}.platform-sidebar>.brand{padding:0 12px}.sidebar-caption{font-size:9px;letter-spacing:1.5px;padding:0 12px;margin:12px 0 32px;color:#7fa6b6}
.platform-links{display:flex;flex-direction:column;align-items:stretch;gap:8px}.platform-links a{display:flex;align-items:center;gap:13px;min-height:50px;padding:12px 16px;color:#aecbd8;border-radius:10px;text-decoration:none;font-size:14px;font-weight:650}.platform-links a span{color:inherit}.platform-links a[aria-current=page]{background:#00c9d9;color:#00222d}.platform-links a:hover{background:#164452;color:#fff}.nav-icon{font-size:24px;line-height:1;width:24px;text-align:center}.sidebar-bottom{margin-top:auto;padding:28px 12px 0}.sidebar-bottom p{font-size:12px;color:#7fa6b6}.sidebar-bottom button{width:100%;font-size:13px}
.platform-workspace{margin-left:240px;min-height:100dvh}.sidebar-closed .platform-workspace{margin-left:0}.platform-topbar{padding:12px 28px;min-height:74px;gap:14px;background:#041923}.platform-topbar .sidebar-toggle{padding:10px 14px;min-height:44px;font-size:14px}.platform-topbar .sidebar-toggle span{color:inherit}.topbar-home{font-size:13px;text-decoration:none;margin-right:auto}.topbar-user{font-size:13px;color:#bdd5df;overflow-wrap:anywhere;max-width:35%}.platform-workspace main{padding-top:24px}.platform-workspace main>h1{font-size:27px;margin-top:0}
.sidebar-shade{position:fixed;inset:0;z-index:90;border:0;border-radius:0;background:#0009}.sidebar-modal{overflow:hidden}.guest-header{padding:20px 6%}.guest-header>span{font-size:13px;color:#8eacba}.platform-guest main{max-width:520px;padding-top:50px}.platform-guest main>h1{text-align:center;font-size:28px}.platform-guest .panel{padding:28px}.platform-guest .panel form>button{width:100%;margin-top:16px}
.password-field{display:block;position:relative}.password-field input{padding-right:58px}.password-eye{position:absolute;right:3px;top:3px;bottom:3px;min-width:46px;padding:9px;background:transparent;color:#80dfe8;display:flex;align-items:center;justify-content:center}.password-eye[aria-pressed=false] .eye-slash{display:none}.password-eye:hover{background:#123c4c}
.welcome-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 36px;border:1px solid #1d5768;border-radius:18px;background:linear-gradient(115deg,#0a3545,#07202e 65%,#064052);overflow:hidden}.welcome-banner h2{font-size:clamp(25px,3vw,37px);line-height:1.2;margin:10px 0}.welcome-banner p{margin:8px 0}.welcome-mark{font-size:94px;font-weight:850;color:#e9fcff;opacity:.75;letter-spacing:-10px;padding-right:10px}.welcome-mark span{color:#00d7e5;font-size:60px}
.home-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 14px}.home-section-title h2{margin:0;font-size:22px}.home-section-title>span{font-size:12px;color:#7fa6b6}.course-card{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);border:1px solid #24505e;background:#082331;border-radius:18px;overflow:hidden}.course-art{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 20px;background:radial-gradient(ellipse at bottom,#006d7b55,transparent 65%),#041721;min-height:260px}.course-art>div{font-size:clamp(38px,4vw,58px);font-weight:800;letter-spacing:-2px;color:white}.course-art p{font-size:10px;letter-spacing:2.8px;color:#a6d7e1}.course-art-caption{font-size:11px;letter-spacing:2px;margin-top:15px}.course-card-body{padding:28px}.course-card-body h2{font-size:23px;line-height:1.3;margin:12px 0}.course-card-body p{font-size:14px}.access-badge{display:inline-block;padding:4px 10px;border:1px solid #217280;background:#0a3c47;color:#74e8dc;border-radius:20px;font-size:11px}.course-progress-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-top:20px}.course-progress-label span{color:#b1cbd6}.course-card progress{width:100%;height:7px;accent-color:#00d7e5}.course-expiry{font-size:12px!important;color:#8eacba;margin:10px 0 18px}.home-resume{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #24505e;background:#061d29;border-radius:14px;padding:24px;margin-top:22px}.home-resume h2{font-size:20px;margin:7px 0}.home-resume p{margin:0;font-size:13px}.home-resume .button{flex-shrink:0}.home-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.home-shortcuts a{display:grid;gap:8px;padding:22px;border:1px solid #16424f;border-radius:12px;text-decoration:none;background:#061d29}.home-shortcuts strong{color:#dceff5;font-size:15px}.home-shortcuts span{color:#94b8c8;font-size:12px}
@media(max-width:1100px){.platform-workspace{margin-left:0}.platform-sidebar{width:270px;box-shadow:15px 0 60px #0005}.platform-auth:not(.sidebar-modal) .platform-sidebar:not([hidden]){position:relative;width:100%}.platform-auth:not(.sidebar-modal) .platform-sidebar:not([hidden]) .sidebar-bottom{display:none}}
@media(max-width:650px){.platform-topbar{padding:10px 14px;flex-wrap:nowrap}.topbar-home{display:none}.topbar-user{margin-left:auto;max-width:65%}.welcome-banner{padding:24px}.welcome-mark{display:none}.course-card{grid-template-columns:1fr}.course-art{min-height:180px;padding:24px}.course-card-body{padding:22px}.home-resume{align-items:stretch;flex-direction:column}.home-shortcuts{grid-template-columns:1fr}.home-section-title>span{display:none}.guest-header>span{display:none}.platform-guest main{padding-top:25px}.platform-workspace main>h1{font-size:24px}}
.study-outline-toggle{margin:0 0 16px;min-height:44px}.outline-closed .study-layout{grid-template-columns:minmax(0,1fr)}
main:has(.study-room),main.study-page{max-width:1480px;padding-top:16px}
main:has(.study-room)>h1,main.study-page>h1{display:none}
.study-room [hidden]{display:none!important}
.study-room a,.study-room button,.study-room summary{-webkit-tap-highlight-color:transparent}
.study-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;margin:0 0 22px;color:#8cabb9}
.study-breadcrumb span{color:#b1cbd6}.study-breadcrumb a{text-decoration:none}
.study-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start}
.study-main{min-width:0;scroll-margin-top:20px}.study-heading h2{font-size:clamp(23px,2.6vw,34px);line-height:1.25;margin:8px 0;overflow-wrap:anywhere}
.study-heading p{margin:8px 0 16px}.study-eyebrow{color:#00d7e5!important;font-size:11px;font-weight:750;letter-spacing:1.7px}
.study-modes{display:flex;gap:8px;margin:22px 0 16px;padding:5px;background:#061d28;border:1px solid #16424f;border-radius:12px}
.study-mode{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;text-decoration:none;font-weight:700;border-radius:8px;color:#b1cbd6}
.study-mode small{font-size:11px;font-weight:500}.study-mode.is-current{background:#00d7e5;color:#00222d}.study-mode.is-unavailable{opacity:.65}
.study-completion{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0}.study-completion form{margin:0}.study-completion p{font-size:12px}
.study-sequence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.study-sequence a{min-width:0;padding:16px;border:1px solid #245060;border-radius:12px;background:#082331;text-decoration:none;display:grid;gap:5px}
.study-sequence strong{font-size:14px;color:#eaf8fb;overflow-wrap:anywhere}.study-sequence small{font-size:11px;color:#9ec4d2}
.study-sequence a:hover,.study-lesson:hover{background:#123c4c}.study-outline{background:#071e2b;border:1px solid #204451;border-radius:16px;position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow:auto;scrollbar-color:#387080 #071e2b;scroll-margin-top:16px}
.study-outline-heading{padding:20px 18px 4px}.study-outline-heading h2{margin:0;font-size:19px}.study-outline-heading p{margin:5px 0 10px;font-size:12px}
.study-outline progress{width:100%;height:7px;accent-color:#00d7e5;border:0;border-radius:8px;overflow:hidden;background:#16424f}.study-outline progress::-webkit-progress-bar{background:#16424f}.study-outline progress::-webkit-progress-value{background:#00d7e5}
.study-filter-label{padding:0 18px;font-size:12px;font-weight:650}.study-filter-label input{margin-top:7px;font-weight:400;font-size:14px;min-height:44px}
.study-filter-status,.study-empty{padding:0 18px;font-size:12px}.study-region{border-top:1px solid #204451}.study-region>summary{padding:16px 18px;font-size:14px}.study-region>summary small{float:right;color:#91b2bf;font-weight:400}
.study-topic{margin:0 10px 9px;border:1px solid #16424f;border-radius:9px;overflow:hidden}.study-topic>summary{padding:12px 10px;font-size:12px;background:#0b2937;overflow-wrap:anywhere}
.study-mode-group{padding:0 6px 6px}.study-mode-group h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:12px 8px 4px}
.study-lesson{display:flex;gap:10px;align-items:flex-start;padding:12px 9px;border-radius:7px;color:#cde4ed;text-decoration:none;font-size:13px;line-height:1.5;min-height:44px}
.study-lesson.is-current{background:#123c4c;box-shadow:inset 3px 0 #00d7e5;color:white}.study-state{flex:none;color:#00d7e5}.study-lesson-name{color:inherit;overflow-wrap:anywhere}.study-lesson-name small{display:block;color:#00d7e5;font-size:10px;margin-top:4px}
.study-jump,.study-back-video{display:none}.study-outline:focus{outline:2px solid #00d7e5;outline-offset:3px}
@media(max-width:900px){.study-layout{grid-template-columns:minmax(0,1fr)}.study-outline{position:static;max-height:none}.study-jump{display:block;text-align:center;margin:0 0 16px}.study-back-video{display:block;text-align:center;padding:16px}.study-heading h2{font-size:25px}.study-completion button{width:100%}.study-completion form{width:100%}.study-sequence{gap:8px}.study-sequence a{padding:12px}.study-breadcrumb{font-size:12px}}
@media(max-width:420px){.study-mode{gap:6px}.study-mode small{font-size:10px}.study-sequence{grid-template-columns:1fr}main.study-page,main:has(.study-room){padding:14px}.study-heading h2{font-size:23px}}