:root{--bg:#050a14;--surface:#0b1424;--surface2:#101d31;--line:#20324b;--text:#f6fbff;--muted:#9fb0c7;--cyan:#16ddf6;--blue:#1477ff;--green:#28d697;--red:#ff637d;--shadow:0 18px 50px rgba(0,0,0,.28)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:radial-gradient(circle at 75% -10%,rgba(20,119,255,.17),transparent 38%),var(--bg);min-height:100vh}a{color:var(--cyan);text-decoration:none}button,input{font:inherit}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px;background:rgba(7,14,27,.97);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand img{display:block;width:190px;max-width:100%;margin:0 auto 26px}.profile-mini{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.profile-mini strong,.profile-mini small{display:block}.profile-mini small{color:var(--muted);font-size:12px;margin-top:3px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:800}.sidebar nav{display:grid;gap:5px;margin-top:22px}.sidebar nav a,.sidebar-bottom a,.link-button{display:block;padding:11px 13px;border-radius:10px;color:#c9d6e6;background:none;border:0;text-align:left;cursor:pointer}.sidebar nav a:hover,.sidebar-bottom a:hover,.link-button:hover{background:var(--surface2);color:white}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.sidebar-bottom form{margin:0}.content{padding:30px 38px 70px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px}.topbar h1{font-size:26px;margin:4px 0 0}.eyebrow{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.16em}.menu-toggle{display:none;background:var(--surface);color:white;border:1px solid var(--line);border-radius:10px;padding:8px 11px}.flash-stack{display:grid;gap:8px;margin-bottom:18px}.flash{padding:13px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);transition:.4s}.flash.success{border-color:rgba(40,214,151,.5);color:#8ef4cc}.flash.error{border-color:rgba(255,99,125,.5);color:#ff9dad}.flash.fade{opacity:.55}.hero{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px;border:1px solid rgba(22,221,246,.24);border-radius:24px;background:linear-gradient(135deg,rgba(20,119,255,.2),rgba(11,20,36,.94) 58%);box-shadow:var(--shadow);margin-bottom:26px}.hero.compact{padding:28px 32px}.hero h2{font-size:clamp(28px,4vw,44px);max-width:800px;margin:8px 0 12px;line-height:1.08}.hero.compact h2{font-size:30px}.hero p{max-width:700px;color:#c3d0df;margin:0;line-height:1.6}.hero-meta{display:flex;gap:20px;margin-top:22px;color:var(--muted);font-size:14px}.score-ring{width:122px;height:122px;flex:0 0 122px;border-radius:50%;display:grid;place-content:center;text-align:center;border:10px solid rgba(22,221,246,.15);box-shadow:inset 0 0 0 2px var(--cyan)}.score-ring strong{font-size:28px}.score-ring span{color:var(--muted);font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.metric-grid.student{grid-template-columns:repeat(3,1fr)}.metric{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.metric>span,.metric small{display:block;color:var(--muted)}.metric strong{display:block;font-size:32px;margin:8px 0}.panel{padding:26px;border:1px solid var(--line);border-radius:20px;background:rgba(11,20,36,.92);box-shadow:var(--shadow);margin-bottom:24px}.panel.narrow{max-width:650px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:24px 0 18px}.panel .section-head{margin-top:0}.section-head h2,.panel h2{margin:5px 0}.muted,.help{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:12px;border-bottom:1px solid var(--line)}td{padding:15px 12px;border-bottom:1px solid rgba(32,50,75,.7);vertical-align:top}td small{display:block;color:var(--muted);margin-top:4px}.empty{text-align:center;color:var(--muted);padding:36px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#1a2940;color:#c7d4e5;font-size:11px;font-weight:700}.badge.success{background:rgba(40,214,151,.13);color:#6cf0bb}.badge.danger{background:rgba(255,99,125,.14);color:#ff9cad}.badge.info{background:rgba(22,221,246,.13);color:#6beafa}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:12px;padding:12px 17px;font-weight:800;cursor:pointer}.btn.primary{color:#001420;background:linear-gradient(135deg,var(--cyan),#67f5ff)}.btn.secondary{color:white;border:1px solid #2d4e73;background:#13243b}.btn.ghost{color:#cfe0f2;border:1px solid var(--line);background:transparent}.btn.full{width:100%;margin-top:12px}.stack-form{display:grid;gap:15px;margin-top:20px}.stack-form label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#dce7f4}.stack-form input,.inline-reset input{width:100%;color:white;background:#07101e;border:1px solid #2a405d;border-radius:11px;padding:12px 13px;outline:none}.stack-form input:focus,.inline-reset input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(22,221,246,.1)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.percentage-input{position:relative}.percentage-input input{padding-right:45px;font-size:24px}.percentage-input span{position:absolute;right:15px;top:10px;color:var(--cyan);font-weight:900;font-size:22px}.rule-preview{margin-top:20px;padding:16px;border-left:3px solid var(--cyan);background:#07101e}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:22px}.credential-card{padding:26px;border:1px solid rgba(40,214,151,.5);background:rgba(40,214,151,.08);border-radius:20px}.credential-card dl,.verification dl{display:grid;grid-template-columns:110px 1fr;gap:10px}.credential-card dt,.verification dt{color:var(--muted)}code{padding:5px 8px;border-radius:6px;background:#020711;color:#69f0ff}.info-card{height:100%}.lesson-admin-list{display:grid;gap:18px}.lesson-admin{display:grid;grid-template-columns:60px 1fr minmax(300px,440px);gap:22px;align-items:start}.lesson-number{font-size:30px;font-weight:900;color:var(--cyan)}details summary{cursor:pointer;color:var(--cyan)}.inline-reset{display:grid;gap:8px;min-width:210px;margin-top:8px}.danger-text{color:var(--red)}.progress{width:120px;height:7px;border-radius:8px;background:#17263a;overflow:hidden;margin:5px 0}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan))}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.course-card{overflow:hidden;border-radius:20px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.course-card>img{width:100%;height:210px;object-fit:cover;object-position:top;filter:saturate(.72) brightness(.72)}.course-body{padding:22px}.course-top,.course-footer,.lesson-summary{display:flex;align-items:center;gap:12px}.course-top{justify-content:space-between}.lesson-order{font-size:24px;font-weight:900;color:var(--cyan)}.course-card h3{font-size:22px;margin:14px 0 8px}.course-card p{color:var(--muted);line-height:1.55;min-height:48px}.course-footer{border-top:1px solid var(--line);padding-top:15px;margin-top:18px;color:var(--muted);font-size:13px}.course-footer a{margin-left:auto;font-weight:800}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.lesson-side{position:sticky;top:25px;height:max-content}.video-frame{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#02060d;margin-bottom:22px}.video-frame iframe,.video-frame>img{width:100%;height:100%;border:0;object-fit:cover;opacity:.55}.video-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.video-placeholder span{font-size:24px;font-weight:900}.video-placeholder small{color:var(--muted);margin-top:8px}.article{line-height:1.7}.article h1{font-size:30px}.article h2{margin-top:34px}.article h3{margin-top:28px;color:#dffaff}.article blockquote{margin:20px 0;padding:15px 18px;border-left:3px solid var(--cyan);background:#07101e;color:#d7e4f2}.article table{font-size:14px}.lesson-summary{color:var(--muted);font-size:13px;margin-bottom:20px}.quiz-form{display:grid;gap:24px}.question{border:0;border-bottom:1px solid var(--line);padding:0 0 24px;margin:0}.question legend{display:flex;gap:12px;font-size:17px;font-weight:800;line-height:1.45;margin-bottom:14px}.question legend>span{display:grid;place-content:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:rgba(22,221,246,.13);color:var(--cyan)}.option{display:block;margin:8px 0;cursor:pointer}.option input{position:absolute;opacity:0}.option>span{display:flex;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;color:#cbd7e6}.option input:checked+span{border-color:var(--cyan);background:rgba(22,221,246,.08);color:white}.option b{color:var(--cyan)}.result-card{padding:32px;border-radius:22px;margin-bottom:24px;border:1px solid var(--line);background:var(--surface)}.result-card.passed{border-color:rgba(40,214,151,.55)}.result-card.failed{border-color:rgba(255,99,125,.55)}.result-card>strong{display:block;font-size:62px;margin:12px 0 0}.result-card div{display:flex;gap:12px;margin-top:18px}.guest-content{min-height:100vh}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.auth-visual{display:grid;place-content:center;padding:8vw;background:radial-gradient(circle at 30% 30%,rgba(20,119,255,.26),transparent 45%)}.auth-visual img{width:min(520px,100%)}.auth-visual p{font-size:22px;line-height:1.5;max-width:620px}.auth-highlights{display:flex;flex-wrap:wrap;gap:10px}.auth-highlights span{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#c7d5e6}.auth-card{display:grid;align-content:center;padding:clamp(30px,6vw,90px);background:rgba(11,20,36,.92);border-left:1px solid var(--line)}.auth-card h1{font-size:38px;margin:10px 0}.verify-page{min-height:100vh;display:grid;place-content:center;text-align:center;padding:30px}.verify-page>img{width:360px;max-width:80vw;margin:0 auto 25px}.verification{max-width:680px;padding:38px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.verification.valid{border-color:rgba(40,214,151,.5)}.verification.invalid{border-color:rgba(255,99,125,.5)}.verify-icon{display:grid;place-content:center;width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:rgba(40,214,151,.14);color:var(--green);font-size:34px;font-weight:900}.invalid .verify-icon{background:rgba(255,99,125,.14);color:var(--red)}.error-panel>strong{font-size:70px;color:var(--cyan)}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.course-grid{grid-template-columns:1fr}.lesson-layout{grid-template-columns:1fr}.lesson-side{position:static}.lesson-admin{grid-template-columns:50px 1fr}.lesson-admin form{grid-column:2}.auth-page{grid-template-columns:1fr}.auth-visual{min-height:420px}.auth-card{border-left:0;border-top:1px solid var(--line)}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-280px;width:260px;transition:.25s}.sidebar.open{left:0}.content{padding:22px 16px 60px}.menu-toggle{display:block}.topbar{justify-content:flex-start}.topbar>a{margin-left:auto}.hero{align-items:flex-start;padding:26px;flex-direction:column}.metric-grid,.metric-grid.student,.two-column,.form-grid{grid-template-columns:1fr}.course-card>img{height:170px}.lesson-admin{display:block}.lesson-number{margin-bottom:10px}.auth-visual{display:none}.auth-page{display:block}.auth-card{min-height:100vh}.section-head{align-items:flex-start;flex-direction:column}.hero-meta{flex-wrap:wrap}.score-ring{width:100px;height:100px;flex-basis:100px}.content table{font-size:13px}}

.video-frame iframe,.video-frame>img,.video-frame video{width:100%;height:100%;border:0;object-fit:cover}.video-frame>img{opacity:.55}.video-frame video{display:block;background:#02060d}