.classroom{display:flex;min-height:100dvh;background:#081b27;color:#eaf4f7;font-family:Segoe UI,Arial,sans-serif}.classroom button,.classroom input,.classroom textarea{font:inherit}.classroom button{cursor:pointer}.classroom button:disabled{opacity:.45;cursor:default}.class-sidebar{width:240px;flex-shrink:0;background:#0b2532;border-right:1px solid #254550;padding:20px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column}.class-brand{display:block}.class-brand img{filter:brightness(1.8);width:145px;height:auto;margin-bottom:30px}.sidebar-label{font-size:10px;letter-spacing:1.7px;color:#7fa6b6;margin:0 12px 15px}.class-sidebar nav{display:grid;gap:6px}.class-sidebar nav button{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;padding:13px 11px;border-radius:8px;color:#a6c1ce;font-size:13px}.class-sidebar nav button.selected{background:#0e424c;color:#53e5df;border-color:#226370}.class-sidebar nav button:hover{background:#133644;color:#e1f4f8}.class-sidebar nav button>span{margin-left:auto;border:1px solid #347580;border-radius:4px;padding:1px 5px;font-size:10px}.class-sidebar-bottom{margin-top:auto}.class-help{background:#103241;border:1px solid #28505e;border-radius:10px;padding:16px;margin-top:30px}.class-help>svg{color:#25d9d1}.class-help h3{font-size:13px;font-weight:600;margin:10px 0 6px}.class-help p{font-size:11px;color:#9bbac7;margin:0 0 15px}.class-help a{color:#74e4ba;gap:6px}.back-site,.class-help a{font-size:11px;display:flex;align-items:center}.back-site{gap:8px;color:#9bbac7;padding:22px 4px 0}.class-body{flex:1;min-width:0}.class-topbar{max-width:none;margin:0;height:76px;padding:0 35px;background:#0a202c;border-bottom:1px solid #243f4d;display:flex;align-items:center;justify-content:space-between}.class-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#87a9ba}.class-breadcrumb strong{color:#d4e9f1;font-weight:500}.class-user{display:flex;align-items:center;gap:9px}.class-user>span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#18434e;color:#6debe3;font-size:10px}.class-user strong{font-size:11px;font-weight:500;color:#aac3d0}.demo-banner{display:flex;align-items:center;gap:9px;padding:12px 35px;background:#102d36;border-bottom:1px solid #294651;color:#8eb8c4;font-size:10px}.demo-banner strong{color:#6bded9;font-weight:500;white-space:nowrap}.demo-dot{width:5px;height:5px;border-radius:50%;background:#4ce4d6;flex-shrink:0}.class-main{padding:38px 35px;max-width:1400px;width:100%;margin:0 auto}.class-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.class-page-heading h1{font-family:Arial Black,Segoe UI,sans-serif;font-size:33px;font-weight:800;letter-spacing:-1.1px;line-height:1.17;margin:9px 0 12px}.class-page-heading h1 span{color:#19d7ce}.class-page-heading p{font-size:12px;color:#a6c3d0;line-height:1.7;margin:0}.class-page-heading>svg{color:#36d5d1}.class-page-heading>div>p:first-child{font-size:11px;color:#65caca}.class-progress-summary{display:flex;gap:14px;align-items:center;flex-shrink:0}.class-progress-summary>span{font-size:40px;font-weight:600;color:#d6eff5;letter-spacing:-2px}.class-progress-summary small{font-size:17px;font-weight:400;color:#5e91a7;letter-spacing:0}.class-progress-summary p{font-size:10px;line-height:1.7}.continue-panel{display:flex;align-items:center;gap:19px;padding:24px;background:linear-gradient(115deg,#10404e,#0e313f);border:1px solid #277381;border-radius:12px}.continue-icon{width:65px;height:65px;flex-shrink:0;background:#165565;border:1px solid #327b88;border-radius:12px;display:grid;place-items:center;color:#51ebe1}.continue-panel>div:nth-child(2){flex:1}.continue-panel span{font-size:9px;letter-spacing:1.1px;color:#67d5d0}.continue-panel h2{font-family:inherit;font-size:17px;font-weight:600;letter-spacing:-.3px;margin:9px 0;line-height:1.4}.continue-panel p{font-size:11px;color:#a3c8d5;margin:0}.class-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;border:1px solid #24c6c8;border-radius:7px;background:#18ced0;color:#06242b;font-size:12px!important;font-weight:600!important;white-space:nowrap;transition:background .2s,transform .2s}.class-button:hover{background:#61ece5}.class-button.secondary{background:#11303e;border-color:#325b6d;color:#c5e0e9}.class-button.secondary:hover{background:#194454}.class-course-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0 20px}.class-course-toolbar h2{font-family:inherit;font-size:20px;letter-spacing:-.4px;font-weight:600;margin:0}.class-course-toolbar h2 span{font-size:10px;color:#6fa1b3;margin-left:9px}.class-search{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #2b4d5f;border-radius:7px;color:#749db0;background:#0b2532}.class-search input{border:0;outline:none;background:transparent;color:#d5ebf4;width:165px;font-size:11px}.class-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.class-course-card{border:1px solid #2a5364;border-radius:11px;overflow:hidden;display:flex;flex-direction:column;background:#0d2b3a;transition:border-color .2s,transform .2s}.class-course-card:hover{border-color:#38c1c5;transform:translateY(-3px)}.class-course-art{height:145px;background:linear-gradient(125deg,#174958,#0c6a6c);position:relative;padding:16px;display:flex;align-items:center;justify-content:center;gap:13px;color:#5fe2da}.class-course-art>span{position:absolute;top:13px;left:13px;padding:4px 7px;border-radius:4px;border:1px solid #589fa5;background:#0a2e3c90;font-size:8px;color:#c1e8ee}.class-course-art strong{font-size:46px;font-weight:700;letter-spacing:-2px;color:#b9e6e9}.class-course-art.course-2{background:linear-gradient(125deg,#17364f,#15536d)}.class-course-art.course-3{background:linear-gradient(125deg,#0b443c,#176965)}.class-card-content{padding:20px;display:flex;flex-direction:column;flex:1}.class-card-content>small{font-size:9px;color:#59d2d3}.class-card-content h3{font-size:16px;font-weight:600;line-height:1.5;margin:12px 0 25px;letter-spacing:-.2px;flex:1}.class-card-progress{display:flex;justify-content:space-between;font-size:9px;color:#9fbccb;margin-bottom:9px}.class-card-progress strong{font-weight:500;color:#c6e7f0}.classroom progress{height:5px;width:100%;border:0;appearance:none;border-radius:10px;overflow:hidden;background:#234652}.classroom progress::-webkit-progress-bar{background:#234652;border-radius:10px}.classroom progress::-webkit-progress-value{background:#23d6d0;border-radius:10px}.classroom progress::-moz-progress-bar{background:#23d6d0;border-radius:10px}.class-card-content>button{margin-top:20px;padding:12px 0 0;background:none;color:#64e5df;border:0;border-top:1px solid #284d5e;font-size:11px;display:flex;align-items:center;justify-content:space-between;text-align:left}.class-footer{border-top:1px solid #254250;padding:20px 35px;color:#698fa2;font-size:10px}.class-back{display:flex;align-items:center;gap:7px;padding:0;background:none;border:0;color:#8ebdce;font-size:11px!important;margin-bottom:22px}.lesson-heading>span{font-size:10px;color:#64d5d1}.lesson-heading h1{font-size:27px;font-family:inherit;font-weight:650;line-height:1.3;letter-spacing:-.5px;margin:12px 0 25px;max-width:1000px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.lesson-player{aspect-ratio:16/9;position:relative;overflow:hidden;background:#04131e;border:1px solid #2a5565;border-radius:10px}.lesson-player iframe{width:100%;height:100%;border:0}.player-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;position:relative;background:radial-gradient(ellipse at center,#164654,#071c29 75%)}.player-grid{position:absolute;inset:0;background-image:linear-gradient(#69dee70a 1px,transparent 0),linear-gradient(90deg,#69dee70a 1px,transparent 0);background-size:28px 28px;pointer-events:none}.player-empty>:not(.player-grid){position:relative}.player-play{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;border:1px solid #389698;background:#13525b;color:#5ef3df;margin-bottom:14px}.player-play.muted{color:#709ba8;border-color:#3d6575;background:#164252}.player-empty h2{font-family:inherit;font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0 0 10px}.player-empty p{font-size:11px;color:#90b8c9;line-height:1.7;max-width:320px;margin:0 0 15px}.player-empty .class-button{font-size:10px!important;padding:10px 14px}.video-options{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#8cc9d6;padding:12px 0}.video-options a,.video-options button{display:flex;align-items:center;gap:7px}.video-options button{border:0;background:none;font-size:10px}.lesson-description{padding:24px 0;border-bottom:1px solid #294b5a}.lesson-number{font-size:10px;color:#60d2ce}.lesson-description h2{font-family:inherit;font-size:21px;font-weight:600;line-height:1.5;letter-spacing:-.3px;margin:12px 0 18px}.lesson-action-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.lesson-action-row>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#99becb}.lesson-resources{padding:24px 0}.lesson-tabs{display:flex;gap:25px;border-bottom:1px solid #294c5c;margin-bottom:20px}.lesson-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 0 13px;font-size:12px;color:#a7c1cf}.lesson-tabs button.active{color:#5de2d9;border-color:#31d6d0}.lesson-resources label{display:block;font-size:11px;color:#9cbccc;margin-bottom:12px}.lesson-resources textarea{display:block;width:100%;min-height:150px;resize:vertical;border:1px solid #2a5062;background:#0c2634;color:#d5edf5;padding:15px;border-radius:8px;font-size:12px;line-height:1.8}.lesson-resources>small{display:block;color:#688ea2;font-size:10px;margin-top:10px}.lesson-next{display:flex;justify-content:space-between;gap:12px;margin-top:5px}.lesson-syllabus{background:#0d2a38;border:1px solid #2b5363;border-radius:10px;overflow:hidden}.syllabus-header{padding:20px}.syllabus-header h2{font-family:inherit;font-size:16px;letter-spacing:-.3px;margin:0 0 12px;font-weight:600}.syllabus-header>span{font-size:10px;color:#9bbdcc;display:block;margin-bottom:12px}.lesson-syllabus>button{padding:15px;display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;background:transparent;border:0;border-top:1px solid #294957;color:#b5ced9;font-size:11px;line-height:1.6}.lesson-syllabus>button.current{background:#124651;color:#e0f6f5;border-left:3px solid #29d7ce;padding-left:12px}.lesson-syllabus>button:hover{background:#123c49}.lesson-syllabus small{display:block;font-size:8px;color:#7ca5b5;letter-spacing:.7px;margin-bottom:4px}.lesson-syllabus>button>span:nth-child(2){flex:1}.lesson-syllabus>button>svg{flex-shrink:0;color:#59e1d7;margin-top:10px}.session{width:26px;height:26px;border:1px solid #3b6476;border-radius:5px;display:grid;place-items:center;font-size:9px;color:#9cc4d0;flex-shrink:0;margin-top:2px}.session.done{color:#46e5ce;background:#104c4b;border-color:#287877}.class-empty{padding:55px 30px;text-align:center;border:1px dashed #305263;border-radius:12px;background:#0c2633}.class-empty>svg{color:#61ced1;margin:0 auto 17px}.class-empty h2{font-family:inherit;font-size:21px;font-weight:600;letter-spacing:-.4px;margin:0 0 12px}.class-empty p{color:#9cbccc;font-size:12px;line-height:1.8;margin:0 auto;max-width:500px}.class-info-list{display:grid;gap:16px;margin-top:24px}.class-info-list>div{background:#0d2c3a;border:1px solid #295060;border-radius:10px;padding:22px}.class-info-list h3{font-size:15px;font-weight:600;line-height:1.5;margin:9px 0}.class-info-list>div>span{color:#61d7d3;font-size:10px}.class-info-list small{display:block;font-size:11px;color:#9bbdce;line-height:1.8}.class-info-list progress{margin:15px 0}.classroom .material-row{display:flex;align-items:center;gap:16px;padding:20px;background:#0d2c3a;border:1px solid #295363;border-radius:10px}.classroom .material-row>svg{color:#54dbd5;flex-shrink:0}.classroom .material-row>div{flex:1}.classroom .material-row strong{font-size:13px;font-weight:600}.classroom .material-row small{display:block;font-size:10px;color:#91b6c8;margin-top:7px}.classroom .material-row>button:not(.class-button){border:0;background:none;color:#50dfd5;padding:10px}.muted-copy{font-size:11px;color:#95bacb;line-height:1.8;margin-top:18px}.certificate-note{display:flex;align-items:center;gap:18px;background:#123a44;border:1px solid #287381;border-radius:10px;padding:22px;color:#62d7d0}.certificate-note p{color:#b1d6df}.certificate-note p,.class-warning{font-size:12px;line-height:1.8;margin:0}.class-warning{padding:12px 20px;color:#efd6a4;background:#403924}.video-dialog{width:min(500px,calc(100% - 30px));background:#102b3a;color:#dcecf2;border:1px solid #3d7887;border-radius:12px;padding:28px}.video-dialog form{position:relative}.video-dialog h2{font-family:inherit;font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0 0 15px}.video-dialog p{font-size:12px;color:#a2c6d4;line-height:1.8}.video-dialog label{display:block;font-size:12px;margin:22px 0 10px}.video-dialog input{width:100%;padding:13px;border:1px solid #436e7f;border-radius:7px;background:#0b2533;color:#d5edf4;font-size:12px}.video-dialog small{display:block;font-size:10px;line-height:1.8;color:#8cb4c6;margin-top:12px}.video-close{position:absolute;right:0;top:0;background:none;border:0;color:#9cc5d5}.video-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.class-menu-close,.class-mobile-menu{display:none}.classroom a:focus-visible,.classroom button:focus-visible,.classroom input:focus-visible,.classroom textarea:focus-visible{outline:2px solid #3dded7;outline-offset:3px}.sidebar-shade{display:none}@media(max-width:1150px){.class-sidebar{width:205px;padding:18px 14px}.class-main{padding:30px 24px}.class-topbar{padding:0 24px}.demo-banner{padding:12px 24px}.class-course-grid{gap:13px}.class-card-content{padding:16px}.class-card-content h3{font-size:14px}.class-page-heading h1{font-size:28px}.class-progress-summary{display:none}.lesson-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.lesson-description h2{font-size:18px}.lesson-action-row{align-items:flex-start;flex-direction:column}.continue-panel{gap:13px;padding:20px}.continue-panel .class-button{padding:12px}.continue-panel h2{font-size:15px}.continue-icon{width:50px;height:50px}.player-empty{padding:18px}.player-empty h2{font-size:16px}.player-play{width:40px;height:40px;margin-bottom:8px}}@media(max-width:850px){.class-course-grid{grid-template-columns:1fr 1fr}.lesson-layout{grid-template-columns:1fr}.lesson-syllabus{order:-1;max-height:260px;overflow:auto}.syllabus-header{position:sticky;top:0;background:#0d2a38;z-index:1}.continue-panel{flex-wrap:wrap}.continue-panel .class-button{margin-left:63px}.class-user strong{display:none}.demo-banner{flex-wrap:wrap}.demo-banner>span:last-child{width:100%;padding-left:14px}}@media(max-width:650px){.class-sidebar{position:fixed;left:0;top:0;height:100dvh;z-index:30;width:250px;transform:translateX(-100%);transition:transform .2s}.class-sidebar.is-open{transform:translateX(0)}.class-menu-close{display:block;position:absolute;top:26px;right:17px;border:0;background:none;color:#9cc8d5}.class-brand img{width:145px}.sidebar-shade{display:block;position:fixed;inset:0;background:#0009;z-index:20;border:0}.class-mobile-menu{display:grid;place-items:center;background:none;border:0;color:#adcfda;padding:8px;margin-left:-8px}.class-topbar{height:65px;padding:0 20px;gap:10px}.class-breadcrumb{font-size:10px;margin-right:auto;gap:5px}.class-main{padding:28px 20px}.demo-banner{padding:11px 20px;font-size:9px;gap:6px}.class-page-heading{margin-bottom:22px}.class-page-heading h1{font-size:27px;letter-spacing:-.8px}.class-page-heading p{font-size:11px}.class-page-heading>svg{display:none}.continue-panel{padding:17px;gap:12px}.continue-icon{width:42px;height:42px}.continue-icon svg{width:25px}.continue-panel h2{font-size:14px}.continue-panel .class-button{margin-left:54px;font-size:11px!important}.class-course-grid{grid-template-columns:1fr}.class-course-art{height:155px}.class-card-content{padding:20px}.class-card-content h3{font-size:17px}.class-course-toolbar{flex-direction:column;align-items:stretch;gap:17px}.class-search input{flex:1;min-width:0}.class-course-toolbar h2{font-size:20px}.class-card-content>button{min-height:45px;font-size:12px}.class-footer{padding:20px}.lesson-heading h1{font-size:23px}.lesson-player{aspect-ratio:4/3}.player-empty h2{font-size:16px}.player-empty p{font-size:10px}.lesson-next .class-button{padding:11px;font-size:10px!important}.class-info-list h3{font-size:14px}.classroom .material-row{flex-wrap:wrap;padding:17px}.classroom .material-row .class-button{margin-left:41px}.certificate-note{align-items:flex-start;padding:18px}.certificate-note svg{flex-shrink:0}.certificate-note p{font-size:11px}.class-info-list>div{padding:18px}.video-dialog{padding:25px 20px}.classroom .class-button{min-height:40px}}@media(prefers-reduced-motion:reduce){.class-button,.class-course-card,.class-sidebar{transition:none}.class-course-card:hover{transform:none}}.role-switch{display:grid;gap:5px;font-size:10px;color:#97bbc8}.role-field select,.role-switch select{background:#123747;border:1px solid #3e6b7b;color:#e5f5f5;border-radius:6px;padding:8px;max-width:100%;font:inherit}.role-workspace{margin:24px 0;padding:24px;background:#0d2b3a;border:1px solid #315765;border-radius:12px}.role-workspace h2{font-size:22px;font-weight:700;margin:0 0 22px}.role-workspace h3{font-size:16px;font-weight:600;margin:15px 0}.role-workspace p,.role-workspace small{font-size:12px;line-height:1.7;color:#adcbd6;white-space:pre-wrap;overflow-wrap:anywhere}.role-management label{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.7;margin:12px 0}.role-management input{accent-color:#20d8cc;flex-shrink:0;width:18px;height:18px}.role-field{display:grid;gap:10px;margin:25px 0;font-size:12px}.role-section{padding-top:15px;margin-top:20px;border-top:1px solid #305362}.role-section article{border:1px solid #315b69;padding:16px;border-radius:8px;margin:14px 0}.role-section article a{display:block;color:#50dfd5;overflow-wrap:anywhere;margin-bottom:12px}.role-section form{display:grid;gap:12px;margin:15px 0}.role-section form label{display:grid;gap:8px;font-size:12px}.role-section input,.role-section textarea{width:100%;padding:12px;background:#081f2d;color:#e7f2f5;border:1px solid #3c6576;border-radius:6px}.role-section textarea{min-height:95px;resize:vertical}.role-section .class-button{justify-self:start}.role-upload{display:grid;gap:10px;font-size:12px;padding:15px;border:1px dashed #37616d;border-radius:8px}.role-upload input{font-size:11px}.role-section article>.class-button{margin-top:10px}@media(max-width:650px){.role-workspace{padding:16px}.role-switch{font-size:8px}.class-breadcrumb{display:none}.role-switch select{font-size:12px}.role-field select{width:100%}}