:root{color-scheme:dark;--bg:#0b1220;--panel:#101a2b;--panel-soft:#121e31;--border:#1d2b40;--text:#e8edf4;--muted:#8292a9;--faint:#5c6c82;--cyan:#40c5e8;--green:#28c990;--violet:#a98af6;--body:"DM Sans",Arial,sans-serif;--display:"Manrope","DM Sans",Arial,sans-serif}
.brand-mark{overflow:hidden;padding:0}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.portal-page{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:14px/1.5 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit}.portal-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:254px;background:#0d1626;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:23px 14px 14px;overflow-y:auto;z-index:20}.portal-brand{display:flex;align-items:center;gap:12px;margin:0 7px 34px;text-decoration:none}.brand-mark{height:36px;width:36px;border-radius:11px;display:grid;place-items:center;background:#14283a;border:1px solid #1d3d54;color:#f4f8fb;font:800 17px var(--display);letter-spacing:-.12em}.brand-mark span{color:var(--cyan)}.portal-brand>span:last-child{display:grid;gap:2px}.portal-brand b{font:700 12px var(--display);letter-spacing:.09em}.portal-brand small{font-size:10px;color:var(--muted)}.sidebar-label{padding:0 11px;margin:0 0 9px;color:#667790;font-size:9px;font-weight:700;letter-spacing:.13em}.tools-label{margin-top:25px}.side-nav{display:grid;gap:3px}.nav-item{min-height:38px;padding:0 10px;display:flex;align-items:center;gap:10px;border-radius:7px;color:#a2b0c4;font-size:12px;text-decoration:none;transition:background .16s,color .16s}.nav-item[hidden]{display:none}.nav-item:hover{background:#142237;color:#e9f4fa}.nav-item.active{background:#162a3d;color:#f2fbff}.nav-item.active .nav-icon{color:var(--cyan)}.nav-icon{width:17px;text-align:center;font-size:15px;color:#73859e}.nav-tag{margin-left:auto;color:#40c5e8;font-size:8px;font-weight:700;letter-spacing:.08em}.muted-tag{color:#66788f}.nav-soon{color:#728198}.sidebar-bottom{margin-top:auto;padding-top:25px}.profile-row{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);margin-top:14px;padding:15px 6px 4px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#183149;color:var(--cyan);font-weight:700}.profile-copy{min-width:0;display:grid;gap:3px}.profile-copy b{font-size:11px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy small{font-size:9px;color:#92a1b6}.profile-action{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border);border-radius:7px;color:#91a1b7;text-decoration:none}.portal-main{margin-left:254px;min-height:100vh}.portal-topbar{height:56px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;background:#0b1220ee;backdrop-filter:blur(16px);z-index:10}.breadcrumb{color:#91a0b5;font-size:9px;font-weight:700;letter-spacing:.12em;white-space:nowrap}.breadcrumb span{color:#425169;margin:0 8px}.topbar-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.market-status{font-size:9px;color:#8292a9;letter-spacing:.09em;white-space:nowrap}.market-status i,.eyebrow-dot{width:6px;height:6px;display:inline-block;background:var(--green);border-radius:50%;margin-right:6px;box-shadow:0 0 10px #28c99070}.top-profile{color:#dce5ef;text-decoration:none;font-size:11px;white-space:nowrap}.sidebar-toggle{display:none;border:0;color:var(--text);background:transparent;font-size:18px;margin-right:12px}.portal-content{max-width:1480px;margin:auto;padding:34px 28px 20px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:23px}.eyebrow{color:#8292a9;font-size:9px;font-weight:700;letter-spacing:.13em}.eyebrow-dot{width:5px;height:5px}.welcome-row h1{font:700 29px/1.2 var(--display);letter-spacing:-.045em;margin:10px 0 5px}.welcome-row p,.panel>p,.summary-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.button-primary,.panel-button{min-height:39px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid #268fb0;background:#12364a;color:#dff8ff;text-decoration:none;font-size:10px;font-weight:700;border-radius:6px;white-space:nowrap}.button-primary:hover,.panel-button:hover{background:#17465d}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:15px}.summary-card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px}.summary-card{min-height:161px;padding:17px 18px;display:flex;flex-direction:column;align-items:flex-start}.card-heading{display:flex;align-items:center;gap:9px;margin-bottom:14px}.card-icon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:14px;background:#122c3e;color:var(--cyan)}.card-icon.violet{color:var(--violet);background:#211d3a}.card-icon.green{color:var(--green);background:#142f2b}.card-label,.panel-kicker{font-size:8px;font-weight:700;letter-spacing:.11em;color:#7789a1}.summary-card>strong{font:700 17px var(--display);margin-bottom:4px}.summary-card p{font-size:10px;min-height:34px}.card-link{margin-top:auto;padding-top:11px;display:inline-flex;gap:8px;align-items:center;color:var(--cyan);font-size:10px;text-decoration:none}.card-link:hover{color:#a1edff}.feature-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:13px;margin-bottom:13px}.panel{padding:19px}.panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel h2{font:650 17px/1.35 var(--display);letter-spacing:-.03em;margin:6px 0 7px}.panel-symbol{font:500 22px var(--display);color:#63758c}.cyan-text{color:var(--cyan)}.learning-panel>p,.tools-panel>p{max-width:540px;margin-bottom:15px}.learning-steps{border-top:1px solid var(--border);margin:0 0 14px}.learning-steps>div{min-height:51px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:11px}.step-number{width:23px;height:23px;border-radius:50%;border:1px solid #274157;color:var(--cyan);display:grid;place-items:center;font-size:9px}.learning-steps>div>span:nth-child(2){display:grid;gap:2px}.learning-steps b{font-size:10px;font-weight:600}.learning-steps small{font-size:9px;color:var(--muted)}.step-arrow{margin-left:auto;color:#698099}.panel-button{min-height:34px;padding:0 12px;font-size:9px}.tool-list{border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr}.tool-list>div{min-height:47px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;padding-right:7px}.tool-list>div:nth-child(odd){margin-right:13px}.tool-icon{color:var(--cyan);font-size:13px}.tool-list b{font-size:9px;font-weight:500}.coming{margin-left:auto;color:#687c91;font-size:7px;letter-spacing:.06em;white-space:nowrap}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.pro-panel{min-height:143px;background:linear-gradient(125deg,#111d30,#102638);border-color:#21445a}.pro-panel>p{max-width:410px;margin:7px 0}.pro-mark{width:34px;height:34px;border:1px solid #267b99;border-radius:50%;display:grid;place-items:center;font:700 11px var(--display);color:var(--cyan)}.notice-panel{display:flex;flex-direction:column;justify-content:center}.notice-panel p{margin:8px 0;color:#8997aa;font-size:10px;line-height:1.8}.notice-panel>a{margin-top:3px;color:var(--cyan);font-size:9px;text-decoration:none}.portal-footer{display:flex;align-items:center;justify-content:space-between;padding:22px 2px 2px;color:#617188;font-size:9px}.portal-footer>span:last-child{display:flex;gap:16px}.portal-footer a{color:#8391a5;text-decoration:none}.sidebar-scrim{display:none}
@media(max-width:1100px){.sidebar{width:224px}.portal-main{margin-left:224px}.portal-content{padding:29px 20px 18px}.portal-brand{margin-bottom:27px}.summary-card{padding:15px}.feature-grid{grid-template-columns:1fr 1fr}.tool-list{grid-template-columns:1fr}.tool-list>div:nth-child(odd){margin-right:0}.coming{font-size:7px}}
@media(max-width:760px){.sidebar{width:255px;transform:translateX(-100%);transition:transform .22s ease;box-shadow:15px 0 40px #0006}.sidebar.open{transform:translateX(0)}.portal-main{margin-left:0}.portal-topbar{height:53px;padding:0 15px}.sidebar-toggle{display:block}.portal-content{padding:24px 15px 15px}.sidebar-scrim.open{display:block;position:fixed;inset:0;background:#050a12a8;z-index:15}.summary-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.tools-panel .tool-list{grid-template-columns:1fr 1fr}.tools-panel .tool-list>div:nth-child(odd){margin-right:12px}.lower-grid{grid-template-columns:1fr}.welcome-row{align-items:flex-start;flex-direction:column;gap:15px}.welcome-row .button-primary{align-self:flex-start}.portal-topbar{padding:0 12px}.sidebar-toggle{margin-right:7px}.breadcrumb{font-size:8px;letter-spacing:.05em}.breadcrumb span{margin:0 4px}.topbar-actions{gap:9px}.market-status{font-size:8px;letter-spacing:.025em}.top-profile{max-width:96px;overflow:hidden;text-overflow:ellipsis}.portal-signout{min-height:29px;padding:0 8px;font-size:9px}}
@media(max-width:440px){.portal-content{padding-left:12px;padding-right:12px}.summary-grid{grid-template-columns:1fr}.summary-card{min-height:144px}.summary-card p{min-height:0}.tools-panel .tool-list{grid-template-columns:1fr}.tools-panel .tool-list>div:nth-child(odd){margin-right:0}.coming{font-size:8px}.welcome-row h1{font-size:26px}.panel{padding:16px}.portal-footer{align-items:flex-start;gap:10px;flex-direction:column}}
.portal-page.member-page{background:var(--bg);color:var(--text)}.portal-page .portal-member-content{padding-top:21px}.portal-page .portal-member-content>.account-shell,.portal-page .portal-member-content>.courses-shell{max-width:none;margin:0;padding:12px 0 55px}.portal-page .member-label{color:#8392a8}.portal-page .member-label .pulse{background:var(--cyan)}.portal-page .account-shell>h1,.portal-page .courses-shell>h1{font:700 31px/1.2 var(--display);letter-spacing:-.045em;color:var(--text);margin:11px 0 6px}.portal-page .account-email{color:var(--muted);font-size:10px;margin:0 0 20px}.portal-page .account-card,.portal-page .map-summary,.portal-page .map-module,.portal-page .studio-card,.portal-page .course-reader,.portal-page .slide-viewer{background:var(--panel);border-color:var(--border);color:var(--text);box-shadow:none;border-radius:8px}.portal-page .account-card h2,.portal-page .module-heading h2,.portal-page .course-card h2,.portal-page .course-reader h2,.portal-page .studio-card h2{color:var(--text)}.portal-page .account-card p,.portal-page .account-secure,.portal-page .module-summary,.portal-page .course-card p,.portal-page .course-reader>p,.portal-page .watch-note,.portal-page .studio-help{color:var(--muted)}.portal-page .account-kicker{color:#7c91a9}.portal-page .account-actions .member-submit,.portal-page .member-submit{border:1px solid #268fb0;background:#12364a;color:#e1f7ff;border-radius:5px}.portal-page .member-submit span{color:var(--cyan)}.portal-page .plain-button,.portal-page .member-switch button{color:var(--cyan)}.portal-page .account-home,.portal-page .under-link{color:var(--cyan)}.portal-page .status-message:not(:empty){background:#16283a;color:#d7e6f1;border:1px solid #294259;border-radius:6px}.portal-page .status-message.error{background:#321e2a;color:#ffc6c6;border-color:#633044}.portal-page .status-message.success{background:#163329;color:#b6f0d7;border-color:#28533e}.portal-page .map-progress,.portal-page .video-progress{background:#1e2b3d}.portal-page .map-progress span,.portal-page .video-progress span{background:var(--cyan)}.portal-page .course-card{background:var(--panel);border-color:var(--border);color:var(--text)}.portal-page .lesson-row{border-color:var(--border)}.portal-page .lesson-row-text b{color:var(--text)}.portal-page .lesson-row-text small,.portal-page .lesson-lock{color:var(--muted)}.portal-page .lesson-status{border-color:#34445b;color:#a5b4c9}.portal-page .lesson-row.is-complete .lesson-status{background:#17362e;border-color:#276148;color:var(--green)}.portal-page .lesson-open{color:var(--cyan)}.portal-page .player-bar{color:var(--text)}.portal-page .slide-text{color:#b3c0d0}.portal-page .slide-controls button,.portal-page .player-bar button{background:#101a2b;color:var(--text);border-color:#34445b}.portal-page .studio-form label{color:#c3cfdd}.portal-page .studio-form label small{color:var(--muted)}.portal-page .studio-form input,.portal-page .studio-form textarea,.portal-page .studio-form select{background:#0c1523;border-color:#2b3b51;color:var(--text);border-radius:5px}.portal-page .admin-metrics article{background:#121e30;border-color:var(--border);border-radius:6px}.portal-page .admin-metrics small,.portal-page .admin-section-heading span{color:var(--muted)}.portal-page .admin-section-heading{color:#d8e0eb}.portal-page .studio-row{border-color:var(--border)}.portal-page .studio-row b{color:#e4ebf4}.portal-page .studio-row small{color:var(--muted)}.portal-page .studio-action{background:#111e30;border-color:#30425a;color:var(--cyan);border-radius:4px}.portal-page .admin-course-heading h2{color:var(--text)}.portal-page .admin-course-heading p{color:var(--muted)}.portal-page .account-signout{color:#d4e0ed;border-color:#34445b;border-radius:5px}
.lesson-view{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px}.lesson-view:not([hidden]){display:grid}.lesson-main{min-width:0}.lesson-sidebar{position:sticky;top:90px;background:#101a29;border:1px solid #202e41;border-radius:9px;overflow:hidden}.lesson-sidebar-heading{padding:17px 16px;border-bottom:1px solid #202e41;display:grid;gap:5px}.lesson-sidebar-heading b{font:700 13px var(--display)}.lesson-sidebar-heading small{color:#8192a9;font-size:9px}.lesson-sidebar ol{padding:0;margin:0;list-style:none;max-height:calc(100vh - 190px);overflow:auto}.lesson-sidebar li{border-bottom:1px solid #202a3a}.lesson-sidebar li a,.lesson-sidebar li span{display:block;padding:12px 14px;color:#91a2b7;text-decoration:none;font-size:10px;line-height:1.5}.lesson-sidebar li a:hover,.lesson-sidebar li.current{background:#142538}.lesson-sidebar li.current a{color:#50c1dc}.lesson-sidebar li.complete a{color:#5ad3ac}.lesson-sidebar li.locked span{opacity:.58}.next-lesson-button{margin:15px 0;padding:12px 16px;border:1px solid #3baac3;border-radius:6px;background:#41afc8;color:#07131e;font-weight:700;cursor:pointer}.next-lesson-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.lesson-view{grid-template-columns:1fr}.lesson-sidebar{position:static;grid-row:1}.lesson-sidebar ol{max-height:280px}}
.portal-signout{min-height:31px;padding:0 11px;border:1px solid #34445b;background:#101a2b;color:#d4e0ed;border-radius:5px;font:600 10px var(--body);cursor:pointer;transition:border-color .16s,background .16s,color .16s}.portal-signout:hover{border-color:#40a9c3;background:#13263a;color:#eafaff}.portal-signout:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.portal-signout:disabled{opacity:.6;cursor:wait}.portal-signout[hidden]{display:none}
