:root{--bg:#0d0d0f;--surface:#151518;--surface2:#1c1c20;--text:#f7f6f3;--muted:#92929b;--line:#303035;--accent:#ef3440;--paper:#f1eee8;--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;letter-spacing:-.02em}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.boot{position:fixed;inset:0;z-index:100;background:#0d0d0f;display:grid;place-items:center;align-content:center;gap:16px;transition:.7s var(--ease)}.boot.hide{opacity:0;visibility:hidden}.boot img{width:105px}.boot span{font-size:11px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.boot i{width:110px;height:2px;background:#26262b;position:relative;overflow:hidden}.boot i:after{content:'';position:absolute;inset:0;background:var(--accent);animation:load 1s infinite alternate}@keyframes load{from{transform:translateX(-80%)}to{transform:translateX(80%)}}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand img{width:47px;height:29px}.brand span{display:grid;gap:2px}.brand b{font-size:14px}.brand small{font-size:9px;color:var(--muted)}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-art{padding:46px 6vw;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 75% 40%,#ef344020,transparent 28%),linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px),#101012;background-size:auto,70px 70px,70px 70px,auto}.login-art>div h1{font-size:clamp(55px,6vw,92px);line-height:.91;letter-spacing:-.07em;margin:12px 0 20px}.login-art em{font-style:normal;color:var(--accent)}.login-art>div>p:last-child{font-size:16px;color:var(--muted);max-width:520px;line-height:1.6}.login-art>small{font-size:10px;color:var(--muted)}.eyebrow{font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.15em}.login-panel{display:grid;place-items:center;padding:40px;background:#141417}.login-panel form{width:min(460px,100%);border:1px solid var(--line);background:#101012;padding:35px;border-radius:8px;box-shadow:0 30px 80px #0004}.login-panel h2{font-size:36px;margin:8px 0 10px}.muted{color:var(--muted);font-size:13px;line-height:1.55;margin-bottom:28px}.login-panel label{display:grid;gap:8px;font-size:11px;color:var(--muted);margin-bottom:15px}.login-panel input{border:1px solid var(--line);background:#0d0d0f;color:var(--text);padding:13px;border-radius:4px}.btn{border:1px solid var(--line);background:transparent;color:var(--text);min-height:48px;padding:0 18px;border-radius:4px;font-weight:750;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:14px}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.btn.secondary{background:#1b1b1f}.login-panel .btn{width:100%;margin-top:8px}.login-panel form>small{display:block;color:var(--muted);font-size:10px;margin-top:12px}.app{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.rail{position:fixed;width:220px;inset:0 auto 0 0;border-right:1px solid var(--line);padding:24px 15px;background:#101012;display:flex;flex-direction:column;z-index:20}.rail nav{display:grid;gap:4px;margin-top:32px}.rail nav button,.rail-bottom button{border:0;background:transparent;color:var(--muted);text-align:left;padding:11px 12px;border-radius:5px;font-size:11px}.rail nav button.active{background:#ef344012;color:white;border-left:2px solid var(--accent)}.rail-bottom{margin-top:auto;display:grid;border-top:1px solid var(--line);padding-top:12px}.shell{grid-column:2;padding:0 5vw 70px;min-width:0}.appbar{height:110px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:30px}.appbar>div:first-child>span{font-size:9px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.appbar h1{font-size:29px;margin:4px 0 0}.profile{display:flex;align-items:center;gap:10px}.profile div{display:grid;text-align:right}.profile b{font-size:11px}.profile small{font-size:9px;color:var(--muted)}.profile>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:10px}.mobileMenu{display:none}.view{display:none}.view.active{display:block;animation:enter .35s ease}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero-card{min-height:290px;border:1px solid var(--line);border-radius:8px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:radial-gradient(circle at 86% 10%,#ef344022,transparent 30%),linear-gradient(135deg,#18181c,#111114)}.hero-card span{font-size:9px;color:var(--accent);letter-spacing:.13em}.hero-card h2{font-size:37px;line-height:1.05;max-width:650px;margin:11px 0}.hero-card p{font-size:12px;color:var(--muted);margin-bottom:23px}.ring{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--accent) 68%,#2b2b30 0);flex:0 0 auto}.ring:before{content:'';position:absolute;inset:11px;border-radius:50%;background:#141417}.ring b,.ring span{z-index:1;position:relative}.ring b{font-size:32px}.ring span{font-size:8px;color:var(--muted);margin-top:-40px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.kpis article,.panel,.track-card,.quiz-card,.material-grid article,.cert-card{border:1px solid var(--line);background:var(--surface);border-radius:7px}.kpis article{padding:18px;display:grid;gap:4px}.kpis span{font-size:9px;color:var(--muted)}.kpis b{font-size:28px}.kpis small{font-size:8px;color:var(--muted)}.home-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}.panel{padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.panel-head span{font-size:8px;color:var(--accent);letter-spacing:.1em}.panel-head h3{font-size:18px;margin:4px 0 0}.panel-head button{border:0;background:none;color:var(--accent);font-size:9px}.home-track{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.home-track b{font-size:12px}.home-track small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.home-track span{font-size:9px;color:var(--accent)}.timeline{display:grid}.timeline>div{position:relative;padding:10px 0 16px 20px;border-left:1px solid var(--line);display:grid;gap:2px}.timeline i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);left:-4px;top:13px}.timeline b{font-size:11px}.timeline span,.timeline time{font-size:8px;color:var(--muted)}.page-head{margin-bottom:30px}.page-head p{font-size:9px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.page-head h2{font-size:40px;line-height:1.03;max-width:760px;margin:8px 0}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.track-card{padding:23px;min-height:260px;display:flex;flex-direction:column}.track-card>span{font-size:9px;color:var(--accent)}.track-card h3{font-size:22px;line-height:1.05;margin:26px 0 10px}.track-card p{font-size:10px;color:var(--muted);line-height:1.55}.track-progress{margin-top:auto}.track-progress div{height:4px;background:#2b2b30;border-radius:99px;margin:10px 0 6px}.track-progress i{display:block;height:100%;width:var(--p);background:var(--accent);border-radius:99px}.track-progress small{font-size:8px;color:var(--muted)}.lesson-layout{display:grid;grid-template-columns:300px 1fr;gap:10px}.lesson-map{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:24px;min-height:680px}.lesson-map>span{font-size:8px;color:var(--accent)}.lesson-map h2{font-size:23px;line-height:1.05;margin:9px 0 24px}.lesson-item{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:11px 0;border-top:1px solid var(--line);align-items:center}.lesson-item>span{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:8px}.lesson-item.done>span{background:var(--accent);border-color:var(--accent)}.lesson-item b{font-size:10px}.lesson-item small{font-size:8px;color:var(--muted);display:block}.lesson-player{border:1px solid var(--line);background:var(--surface);border-radius:7px;overflow:hidden}.video{aspect-ratio:16/9;background:radial-gradient(circle at 50% 50%,#ef344024,transparent 25%),linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px),#09090b;background-size:auto,60px 60px,60px 60px,auto;display:grid;place-items:center;position:relative}.video-brand{position:absolute;left:20px;top:20px;display:flex;align-items:center;gap:8px}.video-brand img{width:42px}.video-brand span{font-size:10px}.video .play{width:70px;height:70px;border:1px solid #ffffff3a;border-radius:50%;display:grid;place-items:center;background:#ef344022;font-size:24px}.video>span{position:absolute;left:20px;bottom:18px;font-size:9px;color:var(--muted)}.lesson-copy{padding:28px}.lesson-copy>span{font-size:8px;color:var(--accent)}.lesson-copy h2{font-size:32px;margin:6px 0 10px}.lesson-copy p{font-size:12px;color:var(--muted);line-height:1.6}.lesson-actions{display:flex;gap:8px;margin-top:22px}.quiz-card{padding:32px;max-width:900px}.quiz-card>span{font-size:8px;color:var(--accent);letter-spacing:.12em}.quiz-card h3{font-size:27px;line-height:1.2;margin:16px 0 24px}.answers{display:grid;gap:8px}.answers button{border:1px solid var(--line);background:#101012;color:var(--text);text-align:left;padding:15px;border-radius:5px;font-size:11px}.answers button:hover{border-color:#777}.answers button.correct{border-color:#3c9a66;background:#163323}.answers button.wrong{border-color:var(--accent);background:#36161a}.answers button:disabled{cursor:default}.quiz-card #quizFeedback{font-size:11px;color:var(--muted);margin-top:15px}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.material-grid article{padding:25px;min-height:270px;display:flex;flex-direction:column}.material-grid span{font-size:8px;color:var(--accent)}.material-grid h3{font-size:22px;line-height:1.05;margin:25px 0 10px}.material-grid p{font-size:10px;color:var(--muted);line-height:1.6}.material-grid button{margin-top:auto;border:0;background:none;color:var(--accent);text-align:left;font-size:10px;padding:0}.cert-grid{display:grid;gap:10px}.cert-card{padding:25px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px}.cert-card span{font-size:8px;color:#5fc789}.cert-card h3{font-size:20px;margin:5px 0}.cert-card p{font-size:9px;color:var(--muted)}.cert-card>b{font-size:11px}.cert-card a{font-size:10px;color:var(--accent)}.cert-card.locked{opacity:.55}.mobile-nav{display:none}html[data-theme=light]{--bg:#f2eee8;--surface:#fff;--surface2:#e9e4dc;--text:#17171b;--muted:#6c6b70;--line:#d6d0c7;color-scheme:light}.rail,.login-panel form{background:#f8f4ee}html[data-theme=light] .login-panel{background:#eae4dc}html[data-theme=light] .hero-card,html[data-theme=light] .video{background-color:#fff}html[data-theme=light] .ring:before{background:#f8f4ee}@media(max-width:1000px){.track-grid,.material-grid{grid-template-columns:repeat(2,1fr)}.lesson-layout{grid-template-columns:250px 1fr}.home-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.login{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh}.app{display:block}.rail{transform:translateX(-105%);transition:.3s}.rail.open{transform:none}.shell{grid-column:auto;padding:0 14px 90px}.appbar{height:85px}.mobileMenu{display:inline-grid;border:0;background:none;color:var(--text);font-size:21px;margin-right:8px}.appbar>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center}.appbar>div:first-child>span,.appbar h1{grid-column:2}.profile div{display:none}.hero-card{padding:22px;align-items:flex-start}.hero-card h2{font-size:27px}.ring{width:90px;height:90px}.ring b{font-size:22px}.ring span{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.track-grid,.material-grid{grid-template-columns:1fr}.lesson-layout{grid-template-columns:1fr}.lesson-map{min-height:0}.lesson-player{min-width:0}.lesson-actions{display:grid}.cert-card{grid-template-columns:1fr}.mobile-nav{position:fixed;display:flex;left:10px;right:10px;bottom:10px;z-index:30;background:#141417dd;border:1px solid var(--line);backdrop-filter:blur(16px);border-radius:8px;padding:5px;justify-content:space-around}.mobile-nav button{border:0;background:transparent;color:var(--muted);font-size:8px;padding:9px}.mobile-nav button.active{color:var(--accent)}}@media(max-width:420px){.kpis{grid-template-columns:1fr}.hero-card{display:grid}.ring{justify-self:end}.page-head h2{font-size:34px}.quiz-card{padding:22px}.quiz-card h3{font-size:22px}}