@font-face{font-family:Plex;src:url('/portal-assets/fonts/regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url('/portal-assets/fonts/semibold.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{--canvas:#f7f8fc;--card:#fff;--line:#e3e7f0;--ink:#101828;--muted:#51607a;--blue:#2563eb;--navy:#1e40af;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.75 Plex,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:var(--blue);text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button,a{transition:background .15s,color .15s,transform .15s}button:not(:disabled):hover{filter:brightness(.96)}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #2563eb;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:36px;line-height:1.5;letter-spacing:-1px}h2{font-size:25px;line-height:1.5}h3{font-size:19px}p{color:var(--muted)}small{font-size:13px}.skip{position:fixed;top:-100px;right:20px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.preview-bar{min-height:38px;background:#eaf0ff;border-bottom:1px solid #d4dff9;display:flex;gap:14px;align-items:center;justify-content:center;font-size:12px;color:var(--navy);padding:6px 20px}.dot{width:6px;height:6px;background:var(--blue);border-radius:50%}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 38px)}.sidebar{background:var(--card);border-left:1px solid var(--line);padding:30px 21px 20px;display:flex;flex-direction:column;gap:25px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:600;font-size:22px;line-height:1.35}.brand:hover{text-decoration:none}.brand small{display:block;letter-spacing:2px;font-size:10px;color:var(--muted);margin-top:7px}.monogram{background:var(--blue);color:white;width:46px;height:49px;display:grid;place-items:center;border-radius:10px;font-size:22px}.nav-label{font-size:12px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:13px;min-height:48px;padding:8px 12px;color:var(--muted);font-size:15px;border-radius:10px}.sidebar nav a.active{color:var(--blue);background:#edf3ff;font-weight:600}.sidebar nav a:hover{background:#f4f6fa;text-decoration:none}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:22px}.tiny-label,.eyebrow{font-size:12px;color:var(--muted);font-weight:600}.eyebrow{color:var(--blue);display:block;margin-bottom:10px}.price{font-size:31px;font-weight:600;margin:4px 0}.price small{font-size:13px;font-weight:400}.sidebar-bottom p{font-size:12px;margin-bottom:13px}.seller{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.seller span{font-size:10px}.workspace{min-width:0}.topbar{height:90px;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:17px;font-weight:600}.button{border:1px solid transparent;background:var(--blue);color:white;min-height:46px;padding:10px 19px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:600}.button:hover{text-decoration:none}.button.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.full{width:100%}.demo-controls{margin:24px 42px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 18px;background:#fff;border:1px dashed #bbc9e4;border-radius:10px}.demo-controls strong{font-size:13px;display:block}.demo-controls small{font-size:11px;display:block;color:var(--muted)}.demo-controls label{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}select{border:1px solid var(--line);background:var(--canvas);color:var(--ink);border-radius:8px;padding:8px 10px;min-height:42px;font-size:12px;max-width:100%}main{padding:32px 42px;max-width:1550px;margin:0 auto;min-height:70vh}.page-title{margin-bottom:26px}.page-title p{font-size:14px;margin-top:8px}.overview-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(240px,1fr);gap:20px}.hero-card{display:flex;background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:305px}.hero-copy{padding:28px;flex:1}.hero-copy h2{font-size:28px;margin:16px 0 10px;line-height:1.55}.hero-copy p{font-size:13px;max-width:325px;margin-bottom:20px}.hero-visual{width:220px;flex-shrink:0;background:#f0f4fc;background-image:radial-gradient(#c9d4e9 .8px,transparent .8px);background-size:16px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 15px}.diagram-title{font-size:11px;color:var(--muted);margin-bottom:20px}.diagram-node{padding:9px 15px;border:1px solid #c2d2ee;background:#fff;border-radius:9px;font-size:12px;min-width:130px;text-align:center;box-shadow:0 3px 0 #dce5f4}.diagram-node.blue{background:var(--blue);color:white;border-color:var(--blue)}.diagram-stem{height:23px;width:1px;background:#90aadb}.diagram-pair{display:flex;gap:15px}.diagram-pair span{border:1px solid #c2d2ee;border-radius:8px;background:white;padding:6px 16px;font-size:12px}.access-card,.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.access-card h3{margin-bottom:18px}.access-card p{font-size:12px;margin:16px 0}.access-card a,.panel>a{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600}.access-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.tag{display:inline-block;white-space:nowrap;font-size:10px;color:var(--muted);background:#f0f3f8;border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-weight:400}.tag.success{background:#edf8f0;color:#166534;border-color:#d5ebdc}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:27px 0 17px}.section-heading h2{font-size:22px}.section-heading a{display:flex;align-items:center;gap:7px;font-size:12px}.section-heading h3{display:flex;align-items:center;gap:9px}.courses-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.course-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white}.course-cover{height:222px;padding:20px 24px;background:#edf3ff;color:var(--navy);position:relative}.course-cover.traditional{background:#e9edf6;color:#182b50}.cover-top{display:flex;justify-content:space-between;align-items:center;direction:ltr}.cover-top>span:first-child{font-size:12px;letter-spacing:1px;font-weight:600}.cover-art{display:flex;align-items:center;justify-content:center;gap:18px;height:105px}.cover-art svg{width:49px;height:49px;stroke-width:1}.cover-art span{font-size:14px}.cover-line{height:1px;background:#cbd7ee;margin-bottom:10px}.course-cover>strong{font-size:20px}.course-info{padding:19px 24px}.course-info p{font-size:13px;margin-bottom:17px}.course-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:var(--muted)}.course-bottom a{display:flex;align-items:center;gap:8px;font-weight:600}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.lower-grid .section-heading{margin:0 0 10px}.lower-grid p{font-size:13px;margin-bottom:15px}.lower-grid h3{font-size:16px}.empty{background:white;border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:55px 24px;margin:20px 0}.empty-icon{width:52px;height:52px;background:#edf3ff;border-radius:14px;color:var(--blue);display:grid;place-items:center;margin:0 auto 18px}.empty p{max-width:470px;margin:10px auto 0;font-size:14px}.notice{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid #dce5f5;background:#f3f6fc;color:var(--muted);font-size:12px;border-radius:10px;margin:16px 0 22px}.notice svg{flex-shrink:0}.lesson-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.player .empty{border:0;margin:20px 0 0;background:var(--canvas);min-height:280px}.module{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;font-size:13px}.module svg{margin-right:auto;color:var(--muted);width:16px}.module small{display:block;color:var(--muted);font-size:11px}.module-number{font-size:12px;color:var(--blue);font-weight:600}.back{display:block;font-size:12px;margin-bottom:20px}.tools-grid,.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tool-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.tool-icon{width:52px;height:52px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;color:var(--blue)}.tool-card h2{margin-bottom:10px}.tool-card p{font-size:14px;min-height:76px}.tool-detail{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.tool-detail span{color:var(--muted)}.meeting-banner{display:flex;gap:25px;align-items:center;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.date-block{padding:20px;background:#edf3ff;color:var(--blue);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:100px}.meeting-banner .tag{margin-right:auto}.meeting-banner p{margin-top:10px;font-size:13px}.large-price{font-size:50px;margin:10px 0}.large-price small{font-size:20px}.account-layout p{font-size:13px;margin:10px 0 20px}.feature-list{list-style:none;padding:0;margin:24px 0}.feature-list li{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:12px}.feature-list svg{color:var(--blue);width:17px}.muted{color:var(--muted);display:block;margin-top:15px;font-size:12px}.form{display:grid;gap:18px}.form label{display:grid;gap:6px;font-size:13px}.form input,.form textarea{width:100%;border:1px solid #bcc8db;border-radius:9px;background:#fff;padding:11px 13px;min-height:46px}.form textarea{resize:vertical}.form-error{color:#b91c1c;font-size:13px}.login-form{max-width:480px}.post-list{margin-top:25px;display:grid;gap:18px}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px}.loading{padding:50px;text-align:center;color:var(--muted)}footer{display:flex;justify-content:space-between;margin:0 42px;padding:24px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 22px;border-radius:10px;max-width:90vw;z-index:20;opacity:0;pointer-events:none}#toast.show{opacity:1}[hidden]{display:none!important}
@media(min-width:1600px){main{padding-top:42px}.hero-copy{padding:35px}.hero-card{min-height:330px}.hero-copy h2{font-size:32px}}
@media(max-width:1150px){.shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:26px 15px}.topbar{padding:0 25px}main{padding:28px 25px}.demo-controls{margin-inline:25px}.overview-grid{grid-template-columns:1fr}.access-card{display:none}.hero-visual{width:230px}.lower-grid{grid-template-columns:1fr}.course-bottom{align-items:flex-start;flex-direction:column;gap:6px}h1{font-size:30px}.tools-grid{grid-template-columns:1fr}.lesson-layout{grid-template-columns:1fr}footer{margin-inline:25px}}
@media(max-width:760px){.preview-bar{gap:8px;font-size:10px;flex-wrap:wrap}.preview-bar>span:last-child{display:none}.shell{display:block}.sidebar{padding:15px 18px 0;border-left:0;border-bottom:1px solid var(--line);gap:15px}.brand{font-size:19px}.brand small{font-size:9px}.monogram{height:38px;width:38px}.nav-label,.sidebar-bottom,.seller{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px;padding-bottom:10px}.sidebar nav a{font-size:11px;white-space:nowrap;flex:1;min-width:68px;flex-direction:column;gap:4px;padding:8px}.sidebar nav svg{width:20px;height:20px}.topbar{height:74px;padding:0 18px}.tiny-label{font-size:10px}.breadcrumb{font-size:15px}.button{font-size:12px;padding:9px 13px}.demo-controls{margin:17px 18px 0;padding:12px;align-items:stretch;flex-direction:column;gap:10px}.demo-controls label{justify-content:space-between}.demo-controls select{max-width:72%;font-size:11px}main{padding:25px 18px}.page-title{margin-bottom:20px}h1{font-size:26px;letter-spacing:-.5px}.page-title p{font-size:12px}.hero-copy{padding:23px}.hero-copy h2{font-size:25px}.hero-visual{display:none}.hero-card{min-height:0}.courses-grid,.account-layout{grid-template-columns:1fr}.course-cover{height:210px}.course-bottom{flex-direction:row}.section-heading h2{font-size:20px}.meeting-banner{flex-wrap:wrap;padding:20px;gap:18px}.meeting-banner h2{font-size:22px}.meeting-banner .tag{margin-right:0}.meeting-banner>div:nth-child(2){flex:1;min-width:160px}.panel{padding:20px}.tool-detail{flex-wrap:wrap}.empty{padding:38px 18px}.empty p{font-size:12px}.tool-card p{min-height:0}.tag{font-size:9px}.access-row{font-size:12px}footer{margin-inline:18px;font-size:10px;gap:15px}.account-layout h2{font-size:24px}.account-layout .large-price{font-size:42px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}