*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#0b1b2d;line-height:1.55}.topbar{height:68px;background:#fff;border-bottom:1px solid #d7e2ed;display:flex;align-items:center;gap:14px;padding:0 4%;position:sticky;top:0;z-index:20}.topbar .brand{font-weight:900;letter-spacing:1.5px;color:#0b1b2d;text-decoration:none}.topbar>span{color:#526579;font-weight:800}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.top-actions .ghost,.top-actions .icon-btn{margin-left:0}.icon-btn{width:42px;height:42px;border:1px solid #d7e2ed;border-radius:50%;background:#fff;color:#0b1b2d;font-size:23px;font-weight:800;display:grid;place-items:center;cursor:pointer}.shell{width:min(1120px,94%);margin:26px auto 56px}.card,.lesson-list,.module-card,.lesson-view{background:#fff;border:1px solid #d7e2ed;border-radius:16px;box-shadow:0 10px 28px rgba(5,28,54,.06)}.card{padding:22px}.auth-card{max-width:520px;margin:7vh auto}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#1765d1;font-size:11px;font-weight:900}.auth-card h1,.hero h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,60px);line-height:1;margin:10px 0 14px}.auth-card p,.card p{color:#526579}label{display:block;font-weight:800;margin:16px 0}input,select{width:100%;margin-top:8px;padding:13px 14px;border:1px solid #d7e2ed;border-radius:10px;font:inherit;background:#fff}.password-wrap{position:relative}.password-wrap input{padding-right:88px}.password-wrap button{position:absolute;right:10px;top:14px;border:0;background:transparent;color:#1765d1;font-weight:900;padding:10px;cursor:pointer}.auth-links{margin-top:12px}.auth-links button{border:0;background:transparent;color:#1765d1;font-weight:900;padding:0;cursor:pointer;font-size:15px}.actions,.lesson-toolbar,.note-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.primary,.secondary,.ghost{border:0;border-radius:10px;padding:12px 16px;font-weight:900;cursor:pointer}.primary{background:#1765d1;color:#fff}.secondary{background:#eaf2ff;color:#1765d1}.ghost{background:#fff;border:1px solid #d7e2ed;color:#0b1b2d}.inline-btn{display:inline-flex;text-decoration:none;margin-top:10px}.status{min-height:22px}.hidden{display:none!important}.hero{background:linear-gradient(135deg,#061525,#0b2d55);color:#fff;border-radius:22px;padding:26px;display:grid;grid-template-columns:1.45fr .75fr;gap:20px;align-items:end;margin-bottom:18px}.hero p{color:#d5e4f4;margin:8px 0 0;font-size:16px}.progress-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:16px}.progress-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.progress-head strong{font-size:24px}.bar{height:8px;background:rgba(255,255,255,.15);border-radius:999px;overflow:hidden;margin-top:10px}.bar i{display:block;width:0;height:100%;background:#fff}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-bottom:18px}.continue-card{display:flex;justify-content:space-between;gap:16px;align-items:center;border:2px solid #1765d1;padding:18px}.continue-card h2,.upnext-card h3{margin:5px 0 2px}.continue-card .primary{min-width:160px}.upnext-card{background:#f9fbfe;padding:18px}.module-section{margin-bottom:20px}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:10px}.section-head h2{font-family:Georgia,serif;font-size:30px;margin:3px 0 0}.section-head span{color:#526579;font-weight:800}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.module-card{padding:15px;cursor:pointer;text-align:left;width:100%}.module-card:hover,.module-card.active{border-color:#1765d1;background:#f8fbff}.module-top{display:flex;justify-content:space-between;gap:8px}.module-card strong{font-size:17px}.module-card small{color:#526579}.module-card .mini-bar{height:6px;background:#e8eef5;border-radius:999px;overflow:hidden;margin-top:10px}.module-card .mini-bar i{display:block;height:100%;background:#1765d1}.module-card .module-pct{color:#1765d1;font-weight:900}.lesson-list{overflow:hidden}.list-head{padding:18px;border-bottom:1px solid #d7e2ed;display:flex;justify-content:space-between;align-items:center}.list-head h2{margin:0;font-size:24px}#lessonList{max-height:640px;overflow:auto}.lesson-btn{width:100%;text-align:left;border:0;border-bottom:1px solid #d7e2ed;background:#fff;padding:14px 16px;cursor:pointer;display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center}.lesson-btn:hover,.lesson-btn.active{background:#f3f7fc}.lesson-btn .num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf3fb;color:#1765d1;font-weight:900}.lesson-btn.done .num{background:#e7f7f1;color:#12805c}.lesson-btn small{display:block;color:#526579}.lesson-btn .check{color:#12805c}.lesson-view{padding:22px;max-width:980px;margin:0 auto}.lesson-back{border:0;background:transparent;color:#1765d1;font-weight:900;padding:0;margin-bottom:14px;cursor:pointer;font-size:15px}.lesson-heading h1{font-family:Georgia,serif;font-size:clamp(34px,6vw,54px);line-height:1.03;margin:8px 0 10px}.lesson-heading p{color:#526579;margin:0 0 16px}.lesson-meta{display:flex;gap:12px;color:#1765d1;font-weight:900;font-size:12px;text-transform:uppercase}.video-wrap{margin:14px 0;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:16/9}.video-wrap mux-player{width:100%;height:100%}.lesson-toolbar{margin:12px 0 18px}.lesson-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cbd7e4;border-radius:12px;overflow:hidden;background:#fff}.lesson-tabs .tab{border:0;border-right:1px solid #d7e2ed;background:#fff;padding:12px 8px;font-weight:800;color:#526579;cursor:pointer}.lesson-tabs .tab:last-child{border-right:0}.lesson-tabs .tab.active{background:#eaf2ff;color:#0b1b2d}.tab-panel{padding:20px 2px 6px}.reading-content{white-space:pre-wrap;color:#24364a;font-size:17px;line-height:1.7}.note-area{width:100%;min-height:180px;border:1px solid #cbd7e4;border-radius:12px;padding:14px;font:inherit;resize:vertical}.note-status{color:#12805c;font-weight:800}.attachments-list{display:grid;gap:10px}.attachment-item{display:block;padding:12px 14px;border:1px solid #d7e2ed;border-radius:10px;text-decoration:none;color:#1765d1;font-weight:800;background:#fff}.transcript-list{display:grid;gap:2px}.transcript-row{width:100%;border:0;background:transparent;display:grid;grid-template-columns:58px 1fr;gap:12px;text-align:left;padding:11px 8px;border-radius:10px;cursor:pointer}.transcript-row:hover,.transcript-row:focus{background:#f2f7ff;outline:none}.transcript-time{color:#1765d1;font-weight:900;font-variant-numeric:tabular-nums}.transcript-text{color:#24364a;line-height:1.55}.lesson-summary{font-size:17px;line-height:1.7;color:#24364a!important;margin-top:0}.key-points{margin:10px 0 0;padding-left:22px}.key-points li{margin:8px 0;color:#24364a}.settings-panel{position:fixed;inset:0;background:rgba(4,18,33,.38);z-index:50;display:flex;justify-content:flex-end}.settings-sheet{width:min(430px,100%);height:100%;overflow:auto;background:#fff;padding:18px 18px 30px;box-shadow:-18px 0 45px rgba(4,18,33,.16)}.settings-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:18px}.settings-head h2{text-align:center;margin:0;font-size:24px}.settings-section{border-top:1px solid #e3eaf1;padding:20px 0}.settings-kicker{font-size:12px;font-weight:900;letter-spacing:1px;color:#526579;margin-bottom:12px}.settings-row,.settings-action,.settings-select-row{width:100%;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 4px}.settings-row small{display:block;color:#6b7d90;margin-top:4px}.settings-action{border:0;background:#fff;color:#0b1b2d;font:inherit;font-weight:800;text-align:left;cursor:pointer;border-top:1px solid #edf1f5}.settings-action span:last-child{font-size:26px;color:#7b8998}.settings-select-row{margin:0;font-weight:800}.settings-select-row select{width:auto;min-width:140px;margin:0}.settings-help{color:#6b7d90;font-size:14px;margin:8px 4px 0}.settings-signout{width:100%;border:1px solid #d7e2ed;background:#fff;border-radius:12px;padding:14px;font-weight:900;font-size:16px;cursor:pointer}
/* Premium student experience */
.study-overview{margin:0 0 18px}.premium-head{margin-bottom:10px}.study-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.study-stats article{background:#fff;border:1px solid #d7e2ed;border-radius:16px;padding:17px 18px;box-shadow:0 8px 24px rgba(5,28,54,.045)}.study-stats strong{display:block;font-size:26px;line-height:1;color:#0b1b2d}.study-stats span{display:block;margin-top:7px;color:#6b7d90;font-size:13px;font-weight:800}.continue-card{box-shadow:0 12px 30px rgba(23,101,209,.09)}.module-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.module-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(5,28,54,.08)}.settings-sheet{background:#fbfcfe}.settings-section{background:#fff;border:1px solid #e2e8ef;border-radius:16px;padding:18px;margin:12px 0}.settings-section+.settings-section{border-top:1px solid #e2e8ef}.settings-head{position:sticky;top:-18px;background:#fbfcfe;padding:12px 0 10px;z-index:3}.section-copy{margin:-4px 0 12px}.journey-card{background:linear-gradient(135deg,#07192d,#0c3768);color:#fff;border-radius:16px;padding:16px}.journey-card strong{font-size:28px;line-height:1}.journey-card small{display:block;color:#d7e8f8;margin-top:3px}.journey-bar{height:8px;background:rgba(255,255,255,.16);border-radius:999px;overflow:hidden;margin:14px 0 10px}.journey-bar i{display:block;height:100%;width:0;background:#fff;border-radius:999px}.journey-meta{display:flex;justify-content:space-between;gap:12px;color:#e7f1fb;font-size:13px;font-weight:800}.settings-lesson-list{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:2px}.settings-lesson-row{width:100%;border:1px solid #e0e7ef;border-radius:13px;background:#fff;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:11px 12px;text-align:left}.settings-lesson-row.available{cursor:pointer;border-color:#bfd5f2;background:#f8fbff}.settings-lesson-row.available:hover{border-color:#1765d1}.settings-lesson-row.locked{background:#f7f8fa;color:#728196}.lesson-index{width:34px;height:34px;border-radius:10px;background:#eef4fb;color:#1765d1;display:grid;place-items:center;font-weight:900;font-size:12px}.locked .lesson-index{background:#eceff3;color:#8693a2}.lesson-simple strong{display:block;color:#102235}.locked .lesson-simple strong{color:#617184}.lesson-simple small{display:block;color:#6b7d90;margin-top:1px}.lesson-state{font-size:18px;color:#1765d1}.settings-notes-list{display:grid;gap:10px}.saved-note-card{border:1px solid #e0e7ef;border-radius:14px;padding:13px 14px;background:#fff;cursor:pointer}.saved-note-card:hover{border-color:#1765d1;background:#fbfdff}.saved-note-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.saved-note-head strong{font-size:14px}.saved-note-head span{font-size:11px;font-weight:900;color:#1765d1;background:#eaf2ff;border-radius:999px;padding:4px 8px}.saved-note-card p{margin:8px 0 0;color:#526579;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.empty-notes,.notes-loading{border:1px dashed #d6dee7;border-radius:13px;padding:14px;color:#6b7d90;background:#fafbfd;font-size:14px}.settings-signout{margin-top:12px;background:#fff}.lesson-view{box-shadow:0 18px 42px rgba(5,28,54,.08)}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.shell{width:94%;margin-top:14px}.topbar{height:62px;padding:0 3%}.topbar>span{font-size:13px}.top-actions .ghost{display:none}.hero{padding:18px;border-radius:18px;margin-bottom:14px}.hero h1{font-size:34px;line-height:1.02;margin:7px 0 10px}.hero p{font-size:15px;line-height:1.45}.progress-card{padding:13px;margin-top:8px}.progress-head strong{font-size:21px}.progress-head span{font-size:14px}.dashboard-grid{gap:10px;margin-bottom:14px}.continue-card,.upnext-card{padding:13px 14px}.continue-card{display:block}.continue-card h2,.upnext-card h3{font-size:19px}.continue-card p,.upnext-card p{margin:5px 0;font-size:14px}.continue-card .primary{width:100%;margin-top:8px;min-height:42px}.section-head{display:block;margin-bottom:8px}.section-head h2{font-size:28px}.section-head span{display:block;margin-top:2px;font-size:14px}.module-section{margin-bottom:14px}.module-grid{grid-template-columns:1fr;gap:8px}.module-card{padding:11px 13px;border-radius:14px}.module-card strong{font-size:16px}.module-card .mini-bar{margin-top:8px}.list-head{padding:13px 15px}.list-head h2{font-size:21px}.lesson-btn{padding:11px 13px}.primary,.secondary,.ghost{padding:10px 13px}.card{padding:15px}.lesson-view{padding:14px;border-radius:14px}.lesson-heading h1{font-size:32px}.lesson-heading p{font-size:15px}.lesson-tabs{overflow-x:auto;grid-template-columns:repeat(4,minmax(92px,1fr))}.lesson-tabs .tab{padding:10px 7px;font-size:13px}.tab-panel{padding-top:14px}.reading-content{font-size:16px;line-height:1.65}.note-area{min-height:150px}.lesson-toolbar .primary,.lesson-toolbar .secondary{flex:1}.transcript-row{grid-template-columns:52px 1fr;padding:10px 5px}.transcript-time{font-size:14px}.transcript-text{font-size:15px}.settings-sheet{border-radius:24px 24px 0 0;height:92%;margin-top:auto;width:100%;padding:14px 14px 24px}.settings-panel{align-items:flex-end}.settings-select-row{align-items:flex-start;flex-direction:column}.settings-select-row select{width:100%}.study-stats{grid-template-columns:1fr 1fr}.study-stats article:last-child{grid-column:1/-1}.study-stats article{padding:14px}.study-stats strong{font-size:23px}.settings-section{padding:15px;margin:10px 0}.settings-head{top:-14px}.settings-lesson-list{max-height:300px}.journey-meta{font-size:12px}.saved-note-card p{-webkit-line-clamp:2}}