@font-face{font-family:Inter;src:local('Inter');font-display:swap}*{box-sizing:border-box}html{color:#0b1731;background:#f3f7fe;font-family:Inter,Arial,sans-serif}body{margin:0}a{color:#0758fa;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #3faaf6;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1px}h2{font-size:22px;letter-spacing:-.6px}h3{font-size:16px;letter-spacing:-.3px}.icon{width:23px;height:23px;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;position:fixed;inset:0 auto 0 0;background:linear-gradient(150deg,#111e2c,#152639);color:#d4dfee;display:flex;flex-direction:column;padding:24px 17px;z-index:30}.brand{display:flex;align-items:center;gap:9px;padding:0 10px;margin-bottom:42px}.brand:hover{text-decoration:none}.brand-symbol{width:57px;height:57px;object-fit:contain}.brand-word{width:119px;height:38px;object-fit:contain;object-position:left center}.brand>div{display:flex;flex-direction:column;gap:6px}.brand span{font-size:10px;letter-spacing:4px;color:#e1ebf7}.sidebar nav{display:grid;gap:10px}.sidebar nav a{padding:15px 17px;display:flex;gap:20px;align-items:center;border-radius:13px;color:#d4dfee;font-size:14px;font-weight:500}.sidebar nav a:hover{background:#24364e;text-decoration:none}.sidebar nav a.active{background:linear-gradient(100deg,#2555ed,#222f68);color:#fff;font-weight:700}.sidebar nav .icon{width:27px;height:27px}.sidebar-bottom{margin-top:auto;padding-top:28px}.sidebar-bottom a,.sidebar-bottom button{display:flex;align-items:center;gap:17px;color:#e7edf9;font-size:14px}.help-link{border:1px solid #304158;border-radius:13px;padding:16px;margin-bottom:18px}.help-link b{margin-left:auto}.sidebar-bottom button{padding:14px 17px;border:0;background:none}.main{margin-left:250px;min-width:0;width:calc(100% - 250px)}.topbar{height:76px;background:#ffffffc9;border-bottom:1px solid #e7eef9;display:flex;align-items:center;gap:24px;padding:0 30px}.search{display:flex;align-items:center;background:#edf3fd;padding:8px 12px;border-radius:12px;max-width:460px;width:100%;gap:9px;color:#657a9a}.search input{width:100%;min-width:0;background:transparent;border:0;outline:none;padding:5px 0;font-size:13px;color:#23436f}.search button{background:none;border:0;color:#1268f8;font-weight:bold}.profile{position:relative}.profile summary{display:flex;gap:13px;align-items:center;cursor:pointer;list-style:none}.profile summary>span:nth-child(2){min-width:0}.profile strong{font-size:12px;display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{display:block;font-size:10px;color:#577097;margin-top:5px}.avatar{display:flex;align-items:center;justify-content:center;font-weight:bold;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#dce9ff;color:#0867ff}.notifications{margin-left:auto;position:relative}.notifications summary{cursor:pointer;list-style:none;position:relative;color:#557295}.notifications summary>b{position:absolute;right:-4px;top:-3px;background:#ee2866;color:white;font-size:8px;border-radius:10px;padding:2px 4px}.notifications>div,.profile>div{position:absolute;right:0;top:42px;background:white;border:1px solid #e2ebfa;border-radius:12px;box-shadow:0 8px 30px #14325222;padding:17px;min-width:230px;z-index:15;font-size:12px}.notifications>div a,.profile>div a{display:block;margin-top:12px}.notifications p,.profile p{margin-top:8px;color:#557097}.page-body{padding:24px 26px 36px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:20px}.dashboard-main,.dashboard-side{display:grid;gap:18px;align-content:start;min-width:0}.panel{background:#fff;border:1px solid #e1eafa;border-radius:16px;padding:21px;min-width:0;box-shadow:0 3px 12px #23436503}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-head a{font-size:12px;font-weight:600;white-space:nowrap}.hero{position:relative;overflow:hidden;min-height:240px;border-radius:16px;background:#11202f;display:flex;align-items:center;padding:30px;color:white;isolation:isolate}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0e1a2af7,#142235bf 50%,#121c2730)}.hero-content{max-width:70%;position:relative}.hero small{font-size:13px;font-weight:600;display:block;margin-bottom:12px}.hero h1{font-size:31px;line-height:1.15;color:white}.hero p{font-size:14px;color:#dbe6f9;margin-top:9px;line-height:1.5}.hero .progress-row{margin:19px 0;max-width:380px}.hero .progress-row b{color:white;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;padding:13px 19px;background:#1254f5;color:white;font-size:13px;font-weight:700;text-decoration:none}.button:hover{text-decoration:none;background:#0c43d8}.button.white{background:#fff;color:#0b1731}.button.outline{border:1px solid #ccddfb;background:white;color:#1254f5}.button.full{width:100%}.button .icon{width:19px;height:19px}.filter-bar{display:flex;gap:14px;align-items:center;justify-content:space-between;border-bottom:1px solid #e7eefb;margin-bottom:17px}.tabs{display:flex;gap:22px}.tabs a{font-size:13px;font-weight:600;color:#5a6d8d;padding:10px 5px 14px;border-bottom:2px solid transparent}.tabs a.active{color:#095bff;border-color:#095bff}.filter-bar select{background:#fbfdff;border:1px solid #dce8fa;border-radius:9px;padding:8px 11px;font-size:12px;color:#17345c;max-width:100%}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.course-card{border:1px solid #dce8fa;border-radius:13px;overflow:hidden;padding:10px;background:#fff;min-width:0}.course-picture{position:relative;display:block;aspect-ratio:1.7;overflow:hidden;border-radius:9px;background:#dfeafa}.course-picture img{height:100%;width:100%;object-fit:cover}.course-picture span{position:absolute;bottom:7px;right:7px;color:white;background:#0b1731db;font-size:10px;font-weight:600;padding:4px 6px;border-radius:6px}.course-info{padding:11px 4px 3px}.course-info h3{font-size:15px;line-height:1.15;min-height:35px}.course-info h3 a{color:#0b1731}.course-info p{font-size:11px;line-height:1.5;color:#52698d;margin:8px 0}.progress-row{display:flex;align-items:center;gap:10px}.progress-row progress{height:8px;min-width:0;width:100%;border:0;border-radius:10px;overflow:hidden;background:#e6eef9;accent-color:#12ba8a}.progress-row progress::-webkit-progress-bar{background:#e6eef9;border-radius:10px}.progress-row progress::-webkit-progress-value{background:linear-gradient(90deg,#18bfa0,#0cba73);border-radius:10px}.progress-row progress::-moz-progress-bar{background:#12ba8a;border-radius:10px}.progress-row b{font-size:11px;color:#49728a}.badge{display:inline-flex;font-size:10px;border-radius:15px;background:#e8eef7;color:#496383;padding:7px 11px;font-weight:700;margin-top:10px}.badge.complete{color:#007d32;background:#cdf4df}.badge.started{color:#0c52e8;background:#dbe8ff}.no-lessons{display:block;font-size:10px;color:#7789a2;margin-top:9px}.progress-panel .panel-head{margin-bottom:16px}.progress-content{display:flex;align-items:center;gap:18px}.progress-ring{width:120px;height:120px;position:relative;flex-shrink:0}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:9}.progress-ring .track{stroke:#e7eef8}.progress-ring .value{stroke:#10b894;stroke-linecap:round;stroke-dasharray:calc(var(--percent) * 2.639) 264}.progress-ring strong{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:25px}.progress-counts{display:grid;gap:12px}.progress-counts strong{font-size:17px;display:block}.progress-counts span{font-size:10px;display:block;color:#587197;margin-top:3px}.role-card{display:flex;align-items:center;gap:12px;border-radius:13px;padding:14px;background:#f5efff;margin-top:18px}.role-card .icon{color:#ec4895;background:#ffe5f2;border-radius:8px;width:37px;height:37px;padding:8px}.role-card small{display:block;font-size:10px;color:#677292}.role-card strong{display:block;font-size:17px;margin-top:3px}.exam-next h3{margin:14px 0 6px}.exam-next p{font-size:13px;color:#587197;line-height:1.5}.exam-info{display:flex;gap:8px;align-items:center;font-size:12px;color:#587197;margin:13px 0}.exam-info .icon{width:18px;height:18px}.activity{display:grid;gap:14px}.activity-row{display:flex;gap:11px;align-items:flex-start;border-bottom:1px solid #e8eef8;padding-bottom:13px}.activity-row:last-child{border:0;padding-bottom:0}.activity-row>.icon{color:#7762d7;background:#f0ebff;width:34px;height:34px;border-radius:50%;padding:8px}.activity-row>div{min-width:0;flex:1}.activity-row strong{font-size:12px;display:block}.activity-row p{font-size:11px;color:#587197;margin-top:5px;line-height:1.4;overflow-wrap:anywhere}.activity-row time{font-size:9px;color:#6c81a3;white-space:nowrap}.quote{color:#60718f;font-size:17px;line-height:1.6;padding:24px 20px}.quote b{font-size:36px;color:#7586a0;line-height:1}.empty{text-align:center;max-width:560px;margin:20px auto;padding:25px}.empty>.icon{width:39px;height:39px;color:#80a5d4;margin-bottom:13px}.empty h3{font-size:17px}.empty p{font-size:13px;line-height:1.7;color:#617698;margin-top:10px}.notice{padding:15px 18px;border-radius:12px;background:#eaf3ff;border:1px solid #cddff9;color:#2d568c;font-size:13px;line-height:1.7;margin-bottom:18px}.notice.error{background:#fff0f4;border-color:#f7cbd6;color:#982f51}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:3px 0 22px}.page-heading p{font-size:13px;color:#587197;margin-top:8px;line-height:1.6}.stack{display:grid;gap:16px}.lesson-row{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid #e0eafa;border-radius:12px;min-width:0}.lesson-row>.icon{color:#1762ee;background:#ecf3ff;padding:9px;width:40px;height:40px;border-radius:11px}.lesson-row>div{flex:1;min-width:0}.lesson-row h3{font-size:15px}.lesson-row p{font-size:12px;color:#587197;margin-top:6px;line-height:1.5}.lesson-row .badge{margin:0;flex-shrink:0}.description{font-size:14px;line-height:1.8;color:#425c7f;white-space:pre-line}.breadcrumbs{font-size:12px;color:#637a9c;margin:0 0 15px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.video-frame{aspect-ratio:16/9;background:#101c2a;border-radius:13px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#d6e7fb;margin-bottom:18px}.video-frame video,.video-frame iframe{width:100%;height:100%;border:0}.video-status{font-size:12px;color:#526f91;line-height:1.7;margin:10px 0 18px}.exam-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.exam-card h2{font-size:19px}.exam-card p{font-size:13px;line-height:1.7;color:#526b90;margin:10px 0}.question{border:1px solid #dce7f8;border-radius:14px;background:white;padding:22px;margin-bottom:16px}.question legend{font-size:17px;font-weight:bold;padding:0 7px;line-height:1.5}.question label{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:10px;font-size:14px;line-height:1.6;cursor:pointer}.question label:hover{background:#f1f6ff}.question input{margin-top:4px;accent-color:#0b62ff;flex-shrink:0}.question-result{padding:15px;border-left:3px solid #17b88c;background:#f1fbf7;margin:12px 0;border-radius:7px}.question-result.wrong{border-color:#ed4b73;background:#fff4f6}.result-score{font-size:49px;font-weight:bold;color:#0b61fa;margin:18px 0}.data-table{overflow:auto;border-radius:12px;border:1px solid #e0eafa;margin-top:15px}.data-table table{border-collapse:collapse;min-width:550px;width:100%;font-size:12px}.data-table th,.data-table td{padding:13px 15px;text-align:left;border-bottom:1px solid #e7eefb;line-height:1.5}.data-table th{color:#426486;background:#f1f6ff}.cert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.certificate-card>.icon{width:44px;height:44px;color:#236ff9;margin-bottom:12px}.certificate-card h2{font-size:20px}.certificate-card p{font-size:13px;color:#587197;margin:12px 0;line-height:1.6}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.login-visual{position:relative;overflow:hidden;background:linear-gradient(150deg,#091a30,#173d69);padding:52px;color:white;display:flex;flex-direction:column;justify-content:space-between}.login-visual>img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;opacity:.2}.login-visual .brand,.login-visual>div{position:relative;z-index:1}.login-visual .brand{padding:0;margin:0}.login-visual h1{font-size:49px;line-height:1.12;max-width:500px}.login-visual h1 span{color:#42d5ea}.login-visual p{font-size:18px;line-height:1.7;color:#d5e7ff;margin-top:18px;max-width:450px}.login-box{display:flex;align-items:center;justify-content:center;background:white;padding:35px}.login-box>section{width:100%;max-width:410px}.login-box h2{font-size:34px}.login-box>section>p{font-size:14px;color:#6780a2;margin:14px 0 30px;line-height:1.7}.form-field{display:grid;gap:8px;margin:17px 0}.form-field label{font-size:13px;font-weight:700}.form-field input{border:1px solid #cddff6;border-radius:12px;background:#f1f7ff;padding:14px;color:#173761;min-width:0;width:100%}.password-wrap{position:relative}.password-wrap input{padding-right:62px}.password-wrap button{position:absolute;right:8px;top:8px;background:none;color:#477096;border:0;font-size:11px;padding:8px}.login-note{font-size:12px;color:#6780a2;padding:17px 0;line-height:1.7}.menu-toggle,.overlay{display:none}.footer-note{font-size:11px;line-height:1.7;color:#6f86a4;margin-top:22px}
@media(min-width:1600px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 345px}.page-body{padding:25px 30px}.hero{min-height:275px}.course-info h3{font-size:17px}.course-info p{font-size:12px}.course-picture{aspect-ratio:1.9}}
@media(max-width:1280px){.sidebar{width:225px;padding-inline:13px}.main{margin-left:225px;width:calc(100% - 225px)}.brand-word{width:108px}.brand-symbol{width:50px;height:50px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 275px}.page-body{padding:22px 20px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-ring{width:100px;height:100px}.progress-content{gap:12px}.hero-content{max-width:85%}.hero h1{font-size:27px}.topbar{padding:0 20px;gap:17px}}
@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr))}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.hero-content{max-width:75%}.login-visual{padding:35px}.login-visual h1{font-size:39px}.profile strong{max-width:140px}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:250px}.main{margin-left:0;width:100%}.menu-toggle{display:flex;border:0;background:none;color:#456b98;padding:3px;align-items:center}.topbar{height:68px;padding:0 16px;gap:12px}.profile summary>span:nth-child(2),.profile summary>b{display:none}.profile .avatar{width:34px;height:34px;font-size:13px}.notifications{margin-left:0}.search{max-width:none}.menu-open .sidebar{transform:translateX(0)}.menu-open .overlay{display:block;position:fixed;inset:0;background:#07172c66;border:0;z-index:25}.menu-open{overflow:hidden}.brand-word{width:120px}.login-shell{grid-template-columns:1fr}.login-visual{min-height:310px;padding:28px}.login-visual h1{font-size:34px;margin-top:35px}.login-visual p{font-size:15px}.login-box{padding:34px 24px}.login-visual small{display:none}}
@media(max-width:620px){.page-body{padding:17px 14px 28px}.dashboard-side,.exam-grid,.cert-grid{grid-template-columns:1fr}.hero{padding:23px;min-height:260px}.hero-content{max-width:100%}.hero h1{font-size:27px}.hero p{font-size:12px}.hero:after{background:linear-gradient(90deg,#0e1a2af5,#142235ba)}.panel{padding:17px}.panel-head h2{font-size:20px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.course-card{padding:8px}.course-info{padding-inline:2px}.course-info h3{font-size:13px}.course-info p{font-size:10px}.filter-bar{gap:12px;flex-wrap:wrap;padding-bottom:12px}.tabs{gap:14px}.filter-bar select{width:100%}.tabs a{font-size:12px;padding-bottom:10px}.progress-ring{width:125px;height:125px}.progress-content{gap:28px}.profile>div{min-width:210px}.notifications>div{right:-44px}.topbar{gap:9px}.search input{font-size:11px}.search{padding-inline:8px}.search .icon{width:18px;height:18px}.search button{display:none}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:27px}.lesson-row{gap:10px;flex-wrap:wrap;padding:13px}.lesson-row .badge{font-size:9px}.description{font-size:13px}.question{padding:15px}.question legend{font-size:15px}.question label{font-size:13px}.login-visual h1{font-size:31px}.login-box h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

[hidden]{display:none!important}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:25px}.summary-grid p{font-size:12px;color:#587197;margin-top:8px}.certificate-code{overflow-wrap:anywhere}.question-result .description{margin-top:9px}h1,h2,h3,.description{overflow-wrap:anywhere}@media(max-width:620px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}