:root{--blue:#2e8fc0;--blue-dark:#1c6e9c;--blue-light:#eaf5fb;--purple:#7c5ce0;--purple-light:#f1edfc;--navy:#16324f;--green:#3cb878;--green-light:#e7f8ef;--amber:#e0a028;--amber-light:#fcf1dd;--red:#e0594f;--red-light:#fceae8;--gray-50:#f7f7f5;--gray-100:#efeeea;--gray-200:#e2e0d9;--gray-400:#a8a59c;--gray-600:#76746b;--gray-800:#2e2d28;--white:#fff;--radius:14px;--radius-sm:8px;--shadow:0 14px 40px #16324f14}*{box-sizing:border-box}html{background:var(--gray-50)}body{color:var(--gray-800);background:var(--gray-50);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{color:var(--navy);margin-bottom:0;font-size:clamp(1.55rem,2vw,2.1rem)}h2{color:var(--navy);margin-bottom:.6rem;font-size:1.35rem}h3{color:var(--navy)}p{line-height:1.65}small{display:block}.muted{color:var(--gray-600)}.eyebrow{color:var(--blue-dark);letter-spacing:.14em;margin:0 0 .45rem;font-size:.72rem;font-weight:800}.lead{color:#4e5458;font-size:1.08rem}.button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;min-height:42px;padding:.72rem 1rem;font-weight:750;transition:all .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:var(--blue)}.button.primary:hover{background:var(--blue-dark)}.button.secondary{color:var(--blue-dark);background:#fff;border-color:#c8dce8}.button.light{color:var(--navy);background:#fff}.button.full{width:100%}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.text-button{color:var(--blue-dark);background:0 0;border:0;font-weight:750}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:var(--navy);flex-direction:column;height:100vh;padding:1.2rem;display:flex;position:sticky;top:0}.brand{color:var(--navy);align-items:center;gap:.8rem;display:flex}.brand-light{color:#fff}.brand-mark{color:#fff;background:var(--blue);letter-spacing:.04em;border-radius:12px;place-items:center;width:46px;height:46px;font-size:.8rem;font-weight:900;display:inline-grid}.brand strong,.brand small{display:block}.brand strong{font-size:1.15rem}.brand small{opacity:.7;margin-top:.12rem;font-size:.72rem}.role-chip{color:#b9d9eb;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;margin:1.4rem 0 1rem;padding:.55rem .7rem;font-size:.74rem;font-weight:800}.nav-list{gap:.3rem;display:grid}.nav-item{color:#c9d5de;border-radius:9px;align-items:center;gap:.75rem;width:100%;padding:.78rem .8rem;font-size:.92rem;font-weight:650;display:flex}.nav-item span{color:#93cbe7;text-align:center;width:20px}.nav-item:hover,.nav-item.active{color:#fff;background:#2e8fc03d}.nav-button{text-align:left;background:0 0;border:0}.sidebar-bottom{border-top:1px solid #ffffff1a;gap:.25rem;margin-top:auto;padding-top:1rem;display:grid}.main-area{min-width:0}.topbar{border-bottom:1px solid var(--gray-200);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:1rem;min-height:91px;padding:1.1rem 2rem;display:flex}.user-menu{align-items:center;gap:.7rem;display:flex}.user-menu strong{color:var(--navy);font-size:.9rem}.user-menu small{color:var(--gray-600);margin-top:.12rem;font-size:.72rem}.avatar{color:#fff;background:var(--purple);border-radius:50%;place-items:center;width:40px;height:40px;font-size:.78rem;font-weight:850;display:grid}.page-content{max-width:1500px;margin:0 auto;padding:2rem}.login-page{grid-template-columns:1.08fr 1fr;min-height:100vh;display:grid}.login-visual-panel{color:#fff;background:linear-gradient(145deg,#0c2841f7,#1c6e9ce0),radial-gradient(circle at 80% 20%,#67bddc,#16324f 56%);flex-direction:column;min-height:100vh;padding:2.4rem;display:flex}.login-visual-panel:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:420px;height:420px;position:absolute;bottom:6%;left:20%;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.hero-copy{z-index:1;max-width:720px;margin:auto 0;padding:5rem 5vw;position:relative}.hero-copy h1{color:#fff;letter-spacing:-.055em;max-width:690px;font-size:clamp(2.6rem,5vw,5.4rem);line-height:1.02}.hero-copy p{color:#d8e8f1;max-width:650px;font-size:1.12rem}.hero-kicker{color:#bde4f5;letter-spacing:.12em;border:1px solid #fff3;border-radius:999px;margin-bottom:1rem;padding:.4rem .65rem;font-size:.72rem;font-weight:850;display:inline-flex}.hero-stats{gap:2.3rem;margin-top:2.3rem;display:flex}.hero-stats span{color:#c5dbe6;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.hero-stats strong{color:#fff;letter-spacing:0;font-size:2rem;display:block}.login-form-panel{background:var(--gray-50);place-items:center;padding:2rem;display:grid}.login-card{border:1px solid var(--gray-200);width:min(610px,100%);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:2.1rem}.login-card h2{margin-bottom:.3rem;font-size:2rem}.login-card label{color:var(--navy);gap:.45rem;margin-top:1rem;font-size:.82rem;font-weight:750;display:grid}.login-card input{border:1px solid var(--gray-200);border-radius:9px;outline:none;width:100%;padding:.85rem .9rem}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-light)}.login-card .button{margin-top:1.2rem}.form-note{color:var(--gray-600);margin:1rem 0 0;font-size:.75rem;line-height:1.5}.role-grid{grid-template-columns:1fr 1fr;gap:.65rem;margin:1.2rem 0;display:grid}.role-option{border:1px solid var(--gray-200);text-align:left;min-height:105px;color:var(--navy);background:#fff;border-radius:10px;padding:.85rem}.role-option small{color:var(--gray-600);margin-top:.35rem;line-height:1.45}.role-option.selected{border-color:var(--blue);background:var(--blue-light);box-shadow:inset 0 0 0 1px var(--blue)}.welcome-banner{color:#fff;background:linear-gradient(125deg, var(--navy), #205d82 70%, var(--blue));border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:2rem;min-height:255px;padding:2.3rem;display:grid;overflow:hidden}.welcome-banner h2{color:#fff;max-width:750px;font-size:clamp(1.8rem,3vw,2.8rem)}.welcome-banner p{color:#d8e8f1}.banner-kicker{color:#99d7f2;letter-spacing:.14em;font-size:.72rem;font-weight:850}.completion-ring{--progress:90deg;background:conic-gradient(#71c9ee var(--progress), #ffffff1f 0);border-radius:50%;place-items:center;width:150px;height:150px;display:grid}.completion-ring:before{content:"";background:#1b5273;border-radius:50%;width:118px;height:118px;position:absolute}.completion-ring span{z-index:1;text-align:center;display:grid;position:relative}.completion-ring strong{font-size:2rem}.completion-ring small{color:#b9d9eb}.stat-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.4rem 0 2rem;display:grid}.stat-card{border:1px solid var(--gray-200);border-radius:var(--radius);background:#fff;align-items:center;gap:.95rem;padding:1.15rem;display:flex}.stat-card strong{color:var(--navy);font-size:1.65rem;display:block}.stat-card small{color:var(--gray-600)}.stat-icon{border-radius:11px;place-items:center;width:47px;height:47px;font-weight:850;display:grid}.stat-icon.blue{color:var(--blue-dark);background:var(--blue-light)}.stat-icon.purple{color:var(--purple);background:var(--purple-light)}.stat-icon.green{color:#238e59;background:var(--green-light)}.stat-icon.amber{color:#a86f08;background:var(--amber-light)}.section-heading,.panel-title,.module-title-row,.intro-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-heading{margin:2rem 0 1rem}.section-heading h2,.panel-title h2{margin-bottom:0}.section-heading a,.panel-title a{color:var(--blue-dark);font-weight:750}.course-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.course-card,.panel,.module-row,.timeline-card{border:1px solid var(--gray-200);border-radius:var(--radius);background:#fff;box-shadow:0 6px 24px #16324f09}.course-card{flex-direction:column;padding:1.25rem;display:flex}.course-card-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.course-card h3{margin:1rem 0 .55rem;font-size:1.22rem}.course-card p{color:var(--gray-600);flex:1;font-size:.9rem}.course-code{color:var(--blue-dark);letter-spacing:.08em;font-size:.7rem;font-weight:850}.tag-row{flex-wrap:wrap;gap:.4rem;margin:.7rem 0;display:flex}.tag{color:#5a4a9f;background:var(--purple-light);border-radius:999px;padding:.3rem .52rem;font-size:.69rem;font-weight:700}.course-progress-row{color:var(--gray-600);justify-content:space-between;margin:.55rem 0 .4rem;font-size:.74rem;display:flex}.progress-track{background:var(--gray-100);border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-track.compact{height:6px}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), #6bbdde);height:100%;display:block}.course-card .button{margin-top:1rem}.badge{white-space:nowrap;background:var(--gray-100);width:fit-content;color:var(--gray-600);border-radius:999px;justify-content:center;align-items:center;padding:.33rem .55rem;font-size:.68rem;font-weight:800;display:inline-flex}.badge-in-progress,.badge-active{color:var(--blue-dark);background:var(--blue-light)}.badge-completed,.badge-published{color:#24794e;background:var(--green-light)}.badge-review-due,.badge-pending{color:#9a6508;background:var(--amber-light)}.badge-draft,.badge-not-started{color:var(--gray-600);background:var(--gray-100)}.badge-demo-adapter{color:#6547bd;background:var(--purple-light)}.two-column{grid-template-columns:1.3fr 1fr;gap:1rem;margin-top:1rem;display:grid}.panel{padding:1.3rem}.action-list{margin-top:.8rem;display:grid}.action-item{border-top:1px solid var(--gray-100);grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:.9rem 0;display:grid}.action-item:first-child{border-top:0}.action-item strong{color:var(--navy)}.action-item p{color:var(--gray-600);margin:.2rem 0 0;font-size:.78rem}.action-item a{color:var(--blue-dark);font-size:.8rem;font-weight:750}.action-dot{border-radius:10px;place-items:center;width:38px;height:38px;font-size:.72rem;font-weight:850;display:grid}.action-dot.amber{color:#9a6508;background:var(--amber-light)}.action-dot.purple{color:var(--purple);background:var(--purple-light)}.action-dot.blue{color:var(--blue-dark);background:var(--blue-light)}.skill-list{gap:1rem;margin-top:1.2rem;display:grid}.skill-list>div{grid-template-columns:1fr auto;gap:.4rem .8rem;display:grid}.skill-list .progress-track{grid-column:1/-1}.skill-list span{color:var(--navy);font-weight:700}.intro-row{margin-bottom:1.3rem}.intro-row p{max-width:820px;color:var(--gray-600);margin-bottom:0}.summary-box{border:1px solid var(--gray-200);text-align:center;background:#fff;border-radius:11px;min-width:130px;padding:.8rem 1rem}.summary-box strong{color:var(--navy);font-size:1.65rem;display:block}.summary-box span{color:var(--gray-600);font-size:.72rem}.list-stack{gap:.85rem;display:grid}.module-row{grid-template-columns:80px 1fr;display:grid;overflow:hidden}.module-number{color:var(--blue-dark);background:var(--blue-light);place-items:center;font-size:1.4rem;font-weight:850;display:grid}.module-content{padding:1.25rem}.module-title-row h2{margin:.2rem 0 0}.module-content>p{color:var(--gray-600)}.module-footer{grid-template-columns:minmax(200px,1fr) auto auto;align-items:center;gap:1.2rem;margin-top:1rem;display:grid}.module-progress>div{color:var(--gray-600);justify-content:space-between;margin-bottom:.35rem;font-size:.75rem;display:flex}.player-layout{grid-template-columns:285px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.toc-panel{border:1px solid var(--gray-200);border-radius:var(--radius);background:#fff;padding:1rem;position:sticky;top:110px}.back-link{color:var(--blue-dark);font-size:.8rem;font-weight:750}.toc-progress{border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);margin:1rem 0;padding:1rem 0}.toc-progress>div{justify-content:space-between;margin-bottom:.45rem;font-size:.78rem;display:flex}.toc-list{gap:.35rem;display:grid}.toc-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;gap:.22rem;padding:.72rem;display:grid}.toc-item span{color:var(--navy);font-weight:750}.toc-item small{color:var(--gray-600)}.toc-item:hover,.toc-item.active{background:var(--blue-light);border-color:#bfdae8}.learning-panel{min-width:0}.learning-card{border:1px solid var(--gray-200);border-radius:var(--radius);background:#fff;min-height:620px;padding:clamp(1.4rem,3vw,3rem)}.learning-card h2{max-width:860px;font-size:clamp(1.8rem,3vw,2.6rem)}.learning-card>p{max-width:900px}.content-callout{border-left:4px solid var(--blue);background:var(--blue-light);border-radius:0 10px 10px 0;max-width:900px;margin:1.4rem 0;padding:1.25rem}.content-callout ol{margin-bottom:0}.content-callout li{padding:.35rem 0}blockquote{border-left:4px solid var(--purple);color:#4d4667;background:var(--purple-light);max-width:850px;margin:1rem 0 1.4rem;padding:1rem 1.2rem;line-height:1.8}.answer-list{gap:.65rem;margin:1.4rem 0;display:grid}.answer-option{border:1px solid var(--gray-200);cursor:pointer;border-radius:10px;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.answer-option.selected{border-color:var(--blue);background:var(--blue-light)}.answer-option input{margin-top:.2rem}.notice{color:#7b560e;background:var(--amber-light);border:1px solid #edc879;border-radius:9px;margin-top:1rem;padding:.9rem 1rem}.notice.success{color:#256b47;background:var(--green-light);border-color:#8ad4ae}.chat-window{border:1px solid var(--gray-200);background:var(--gray-50);border-radius:12px;flex-direction:column;gap:.9rem;min-height:360px;max-height:510px;padding:1rem;display:flex;overflow:auto}.chat-message{background:#fff;border-radius:12px;max-width:78%;padding:.8rem 1rem;box-shadow:0 4px 15px #16324f0d}.chat-message.learner{color:#fff;background:var(--blue);align-self:flex-end}.chat-message span{text-transform:uppercase;letter-spacing:.08em;opacity:.75;font-size:.68rem;font-weight:850}.chat-message p{margin:.3rem 0 0}.chat-compose{grid-template-columns:1fr auto;gap:.7rem;margin-top:.8rem;display:grid}.chat-compose textarea,.starr-grid textarea{border:1px solid var(--gray-200);resize:vertical;border-radius:9px;width:100%;min-height:92px;padding:.8rem}.chat-compose textarea{min-height:70px}.starr-grid{gap:1rem;margin:1.4rem 0;display:grid}.starr-grid label{grid-template-columns:200px 1fr 70px;align-items:start;gap:.8rem;display:grid}.starr-grid label>span strong{color:var(--navy);display:block}.starr-grid label>span small{color:var(--gray-600);margin-top:.3rem;line-height:1.4}.starr-grid em{color:var(--gray-600);font-size:.72rem;font-style:normal}.profile-hero,.certificate-status{color:#fff;background:linear-gradient(125deg, var(--navy), #235f82);border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:2rem;margin-bottom:1rem;padding:2rem;display:grid}.profile-hero h2,.certificate-status h2{color:#fff;font-size:2rem}.profile-hero p,.certificate-status p{color:#d7e6ee;max-width:780px}.profile-score{background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;align-content:center;place-items:center;width:140px;height:140px;display:grid}.profile-score strong{font-size:2.7rem}.profile-score span{color:#b9d9eb;font-size:.73rem}.profile-columns{grid-template-columns:1fr 1fr}.competence-list{gap:1rem;margin-top:1.2rem;display:grid}.competence-list>div>div{justify-content:space-between;margin-bottom:.4rem;display:flex}.competence-list span{color:var(--navy);font-weight:750}.recommendation{border-top:1px solid var(--gray-100);grid-template-columns:auto 1fr;gap:.8rem;padding:1rem 0;display:grid}.recommendation>span{width:37px;height:37px;color:var(--blue-dark);background:var(--blue-light);border-radius:10px;place-items:center;font-weight:850;display:grid}.recommendation p{color:var(--gray-600);margin:.25rem 0 0;font-size:.85rem}.timeline{gap:1rem;display:grid;position:relative}.timeline:before{content:"";background:var(--gray-200);width:2px;position:absolute;top:15px;bottom:15px;left:21px}.timeline-item{grid-template-columns:44px 1fr;gap:1rem;display:grid;position:relative}.timeline-marker{z-index:1;border:5px solid var(--gray-50);border-radius:50%;place-items:center;width:44px;height:44px;font-size:.65rem;font-weight:850;display:grid}.timeline-marker.green{color:#24794e;background:var(--green-light)}.timeline-marker.purple{color:var(--purple);background:var(--purple-light)}.timeline-card{padding:1.3rem}.evidence-grid{grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1rem;display:grid}.evidence-grid>div{background:var(--gray-50);border-radius:9px;padding:.85rem}.evidence-grid small{color:var(--gray-600)}.evidence-grid strong{color:var(--navy);margin-top:.3rem;display:block}.certificate-seal{color:#bcd8e6;border:3px double #ffffff80;border-radius:50%;place-items:center;width:130px;height:130px;font-size:1.7rem;font-weight:900;display:grid}.certificate-seal.ready{color:#fff;background:#3cb87833;border-color:#fff}.checklist-panel{max-width:900px}.check-row{border-top:1px solid var(--gray-100);grid-template-columns:auto 1fr;gap:.8rem;padding:1rem 0;display:grid}.check-row:first-of-type{border-top:0}.check{width:38px;height:38px;color:var(--gray-600);background:var(--gray-100);border-radius:50%;place-items:center;font-weight:850;display:grid}.check.done{color:#24794e;background:var(--green-light)}.check-row p{color:var(--gray-600);margin:.25rem 0 0;font-size:.85rem}.data-table{overflow-x:auto}.table-row{border-top:1px solid var(--gray-100);grid-template-columns:1.4fr 1fr .8fr .6fr;align-items:center;gap:1rem;min-width:760px;padding:.85rem .4rem;display:grid}.table-row.table-head{color:var(--gray-600);text-transform:uppercase;letter-spacing:.06em;border-top:0;font-size:.72rem;font-weight:850}.table-row strong,.table-row small{display:block}.table-row small{color:var(--gray-600);margin-top:.2rem}.inline-progress{grid-template-columns:1fr auto;align-items:center;gap:.55rem;display:grid}.editor-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:1rem;display:grid}.editor-table .table-row{grid-template-columns:1.6fr .55fr .7fr .7fr}.builder-preview{border-radius:var(--radius);color:#fff;background:var(--navy);padding:1.3rem;position:sticky;top:110px}.builder-preview h2{color:#fff}.builder-preview .muted{color:#b9cad5}.builder-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;gap:.2rem;margin:.55rem 0;padding:.75rem;display:grid}.builder-section span{color:#b9cad5;font-size:.75rem}.admin-grid{grid-template-columns:1.35fr 1fr;gap:1rem;display:grid}.settings-list{margin-top:1rem;display:grid}.settings-list>div{border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;display:flex}.settings-list span{color:var(--gray-600)}@media (max-width:1120px){.stat-grid,.course-grid{grid-template-columns:1fr 1fr}.two-column,.admin-grid,.editor-layout{grid-template-columns:1fr}.builder-preview{position:static}.login-page{grid-template-columns:1fr}.login-visual-panel{min-height:520px}.hero-copy{padding:4rem 0}}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav-list,.sidebar-bottom{grid-template-columns:1fr 1fr}.topbar{padding:1rem}.user-menu small{display:none}.page-content{padding:1rem}.course-grid,.player-layout{grid-template-columns:1fr}.toc-panel{position:static}.starr-grid label{grid-template-columns:1fr}.module-row{grid-template-columns:54px 1fr}.module-footer{grid-template-columns:1fr}.evidence-grid{grid-template-columns:1fr 1fr}.profile-hero,.certificate-status{grid-template-columns:1fr}}@media (max-width:560px){.role-grid,.stat-grid,.nav-list,.sidebar-bottom{grid-template-columns:1fr}.login-form-panel,.login-visual-panel{padding:1rem}.login-card{padding:1.2rem}.hero-stats{flex-wrap:wrap;gap:1rem}.welcome-banner{grid-template-columns:1fr;padding:1.4rem}.completion-ring{width:120px;height:120px}.completion-ring:before{width:94px;height:94px}.section-heading,.panel-title,.module-title-row,.intro-row{flex-direction:column;align-items:flex-start}.module-number{display:none}.module-row,.evidence-grid,.chat-compose{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.button{display:none!important}.app-shell{display:block}.page-content{padding:0}body{background:#fff}}