.auth{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth-media{position:relative;overflow:hidden;background:var(--surface)}.auth-media img{width:100%;height:100%;object-fit:cover;opacity:.72}.auth-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0a0b00,#0a0a0b26 55%,#0a0a0beb)}.auth-media figcaption{position:absolute;left:clamp(20px,3vw,44px);bottom:clamp(20px,3vw,44px);z-index:1;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-40)}.auth-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,72px);max-width:620px;width:100%}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:clamp(28px,5vw,56px)}.auth-brand img{width:40px;height:40px;border-radius:50%}.auth-brand b{font-family:var(--display);font-size:16px;font-weight:800;letter-spacing:-.01em}.auth h1{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(28px,4vw,46px);line-height:.94;letter-spacing:-.035em;margin-bottom:12px}.auth-sub{color:var(--ink-60);font-size:14.5px;margin-bottom:clamp(22px,3vw,34px);max-width:46ch}.auth form{display:grid;gap:4px}.auth .cta{justify-self:start;margin-top:8px}.auth-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:13px}.auth-links a{color:var(--ink-60);text-decoration:underline;text-underline-offset:3px}.auth-links a:hover{color:var(--yolk)}.note-error,.note-ok{padding:12px 14px;margin-bottom:18px;font-size:13.5px;line-height:1.5;border-left:3px solid}.note-error{border-color:#e5484d;background:#e5484d14;color:#ffb4b6}.note-ok{border-color:var(--yolk);background:#f5b30114;color:var(--ink)}.acc-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(18px,3vw,40px);background:#0a0a0be6;backdrop-filter:blur(14px);border-bottom:var(--rule)}.acc-top .brand b{font-family:var(--display);font-size:14px;font-weight:800}.acc-user{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--ink-60)}.acc-user b{color:var(--ink);font-weight:500}.acc-wrap{max-width:1560px;margin:0 auto;padding:clamp(24px,4vw,56px) clamp(18px,3vw,40px)}.acc-head{margin-bottom:clamp(24px,3.4vw,44px)}.acc-head h1{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(26px,4vw,54px);line-height:.94;letter-spacing:-.035em}.acc-head p{color:var(--ink-60);font-size:14.5px;margin-top:10px}.courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1px;background:var(--line);border:var(--rule)}.course{display:flex;flex-direction:column;gap:14px;background:var(--paper);padding:clamp(22px,2.6vw,32px);transition:background .4s var(--ease)}.course:hover{background:var(--surface)}.course-lang{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-40)}.course h2{font-family:var(--display);font-weight:800;font-size:clamp(19px,2vw,26px);line-height:1.04;letter-spacing:-.03em;text-transform:uppercase}.course p{font-size:13.5px;color:var(--ink-60);line-height:1.55}.course-meta{display:flex;gap:16px;justify-content:space-between;font-size:12px;color:var(--ink-40)}.bar{height:3px;background:var(--line);position:relative;overflow:hidden}.bar i{position:absolute;inset:0 auto 0 0;background:var(--yolk);transition:width .5s var(--ease)}.bar-label{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-40);margin-bottom:7px;letter-spacing:.1em;text-transform:uppercase}.crumbs{display:flex;gap:10px;align-items:baseline;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-40);margin-bottom:clamp(18px,2.4vw,30px)}.crumbs a{color:var(--ink-60)}.crumbs a:hover{color:var(--yolk)}.crumbs b{color:var(--ink);font-weight:500}.course-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:clamp(24px,4vw,56px);align-items:start;padding-bottom:clamp(26px,3.4vw,44px);border-bottom:var(--rule);margin-bottom:clamp(26px,3.4vw,44px)}.course-hero h1{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:clamp(28px,4.6vw,62px);line-height:.92;letter-spacing:-.04em}.course-lede{color:var(--ink-60);font-size:15px;line-height:1.65;max-width:62ch;margin:16px 0 26px}.course-stat{border:var(--rule);padding:clamp(18px,2.2vw,26px);background:var(--surface)}.stat-big{font-family:var(--display);font-weight:800;font-size:clamp(44px,6vw,76px);line-height:.86;letter-spacing:-.05em;color:var(--yolk);margin-bottom:14px}.stat-big span{font-size:.4em;margin-left:2px}.course-stat dl{display:grid;gap:9px;margin-top:18px}.course-stat dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:var(--rule);padding-top:9px}.course-stat dt{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-40)}.course-stat dd{font-family:var(--display);font-weight:800;font-size:15px}.mod-list{display:grid;gap:0;list-style:none}.mod{border-bottom:var(--rule)}.mod-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:clamp(18px,2.2vw,26px) 0 12px}.mod-no{font-family:var(--mono, ui-monospace, monospace);font-size:11px;color:var(--yolk);letter-spacing:.1em}.mod-head h2{font-family:var(--display);font-weight:800;font-size:clamp(17px,1.9vw,23px);line-height:1.06;letter-spacing:-.025em;text-transform:uppercase}.mod-count{font-size:11px;letter-spacing:.14em;color:var(--ink-40)}.mod-lessons{padding-bottom:12px}.mod-lessons a{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:9px 8px 9px 0;font-size:14px;color:var(--ink-72, rgba(244,242,238,.72));transition:background .3s var(--ease),color .3s var(--ease)}.mod-lessons a:hover{background:var(--surface);color:var(--ink)}.mod-lessons a.is-done .l-title{color:var(--ink-40)}.l-no{font-size:11px;color:var(--ink-40)}.l-meta{display:inline-flex;gap:10px;align-items:baseline;font-size:11px;color:var(--ink-40);letter-spacing:.08em}.l-resume{color:var(--yolk);text-transform:uppercase;letter-spacing:.14em;font-size:10px}.toc-back{display:block;font-size:12px;color:var(--ink-60);margin-bottom:16px}.toc-back:hover{color:var(--yolk)}.player--empty{display:grid;place-items:center;background:var(--surface)}.player--empty p{color:var(--ink-40);font-size:13.5px;padding:20px;text-align:center}.lesson-desc :is(h2,h3){font-family:inherit;font-weight:400;font-size:14.5px;line-height:1.6;text-transform:none;letter-spacing:0;color:var(--ink-60);margin:0 0 12px}.lesson-desc :is(h2,h3) strong{font-weight:500}.lesson-desc a{color:var(--yolk);text-decoration:underline;text-underline-offset:3px}.lesson-desc strong{color:var(--ink);font-weight:500}.lesson-layout{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:0;align-items:start}.toc-panel{border-right:var(--rule);position:sticky;top:62px;max-height:calc(100dvh - 62px);overflow-y:auto}.toc-course{position:sticky;top:0;z-index:2;background:var(--paper);padding:20px clamp(16px,2vw,24px);border-bottom:var(--rule)}.toc-course b{font-family:var(--display);font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;display:block;margin-bottom:12px}.toc-mod{border-bottom:var(--rule)}.toc-mod>b{display:block;padding:14px clamp(16px,2vw,24px) 8px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--yolk)}.toc-mod a{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;gap:8px;align-items:baseline;padding:9px clamp(16px,2vw,24px);font-size:13px;line-height:1.4;color:var(--ink-60);transition:background .3s var(--ease),color .3s var(--ease)}.toc-mod a:hover{background:var(--surface);color:var(--ink)}.toc-mod a.is-current{background:var(--surface);color:var(--ink);box-shadow:inset 3px 0 0 var(--yolk)}.toc-no{font-size:11px;color:var(--ink-40)}.toc-done{color:var(--yolk);font-size:12px}.lesson-main{padding:clamp(16px,2.2vw,30px);min-width:0}.lesson-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:12px}.lesson-head h1{font-family:var(--display);font-weight:800;font-size:clamp(20px,2.6vw,34px);line-height:1.02;letter-spacing:-.03em;text-transform:uppercase}.lesson-no{font-size:11px;letter-spacing:.2em;color:var(--yolk)}.lesson-main{display:flex;flex-direction:column;height:calc(100dvh - 59px)}.stage{flex:1 1 auto;min-height:0;display:flex;align-items:stretch}.text-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:12px}.mats--text{flex:none;margin-top:0}.player{position:relative;aspect-ratio:16 / 9;background:#000;overflow:hidden;border:var(--rule);height:100%;width:auto;max-width:100%}.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.player-mark{position:absolute;right:12px;top:12px;z-index:2;pointer-events:none;font-size:11px;letter-spacing:.06em;color:#ffffff6b;text-shadow:0 1px 3px rgba(0,0,0,.8);mix-blend-mode:difference}.lesson-desc{margin-top:14px;max-width:96ch}.lesson-desc p{font-size:14.5px;line-height:1.55;color:var(--ink-72, rgba(244,242,238,.72));margin-bottom:6px}.lesson-desc p:last-child{margin-bottom:0}.lead-h{font-family:var(--display);font-weight:800;font-size:12px;line-height:1.25;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin:16px 0 7px;padding-left:11px;position:relative}.lead-h:before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:2px;background:var(--yolk)}.lesson-desc>.lead-h:first-child{margin-top:0}.lead-list{margin:4px 0 10px}.lead-list li{position:relative;padding-left:15px;margin-bottom:4px;font-size:14px;line-height:1.5;color:var(--ink-72, rgba(244,242,238,.72))}.lead-list li:before{content:"";position:absolute;left:0;top:.62em;width:7px;height:1px;background:var(--ink-40)}.lesson-desc--wide{--lead-fs: 14.5px;margin-top:0;max-width:none;width:100%;min-height:0;overflow:hidden;column-gap:clamp(26px,3.4vw,56px);column-fill:auto;font-size:var(--lead-fs)}.lesson-desc--wide p{font-size:var(--lead-fs);line-height:1.5;margin-bottom:8px}.lesson-desc--wide .lead-list li{font-size:var(--lead-fs)}.lesson-desc--wide .lead-h{font-size:calc(var(--lead-fs) - 2.2px);margin:13px 0 6px}@media(min-width:1000px){.lesson-desc--wide{columns:2}}@media(min-width:1500px){.lesson-desc--wide{columns:3}}.mats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin-top:14px;list-style:none}.mat{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr) 12px;align-items:center;gap:11px;background:var(--paper);border:var(--rule);padding:10px 13px;min-height:42px;font-size:13.5px;line-height:1.3;color:var(--ink-72, rgba(244,242,238,.72));transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}.mat:hover,.mat:focus-visible{background:var(--surface);color:var(--ink);border-color:var(--ink-40)}.mat-ico{color:var(--ink-40);transition:color .35s var(--ease);flex:none}.mat:hover .mat-ico{color:var(--yolk)}.mat-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.mat-go{font-size:11px;color:var(--ink-40);transition:transform .35s var(--ease),color .35s var(--ease)}.mat:hover .mat-go{color:var(--yolk);transform:translate(2px,-2px)}.mat--result{color:var(--ink)}.mat--result .mat-ico{color:var(--yolk)}.mat--result:after{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--yolk)}.mats li{position:relative;display:flex}.mats li>.mat{flex:1}.lesson-nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:var(--rule)}.lesson-nav a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-60)}.lesson-nav a:hover{color:var(--yolk)}.done-toggle{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-60);cursor:pointer}.done-toggle input{accent-color:var(--yolk);width:16px;height:16px}.done-toggle.is-done{color:var(--yolk)}@media(max-width:900px){.auth{grid-template-columns:1fr}.auth-media{display:none}.auth-panel{max-width:none;justify-content:flex-start;padding-top:clamp(36px,9vh,84px)}.lesson-layout{display:flex;flex-direction:column}.lesson-main{height:auto}.stage{display:block}.player{height:auto;width:100%;aspect-ratio:16 / 9}.lesson-desc--wide{columns:1;overflow:visible}.mats{grid-template-columns:1fr}.lesson-main{order:1}.toc-panel{order:2;position:static;border-right:0;border-top:var(--rule);max-height:60vh;overflow-y:auto}.course-hero{grid-template-columns:1fr}.course-stat{order:-1}.mod-head,.mod-lessons a{grid-template-columns:40px minmax(0,1fr)}.mod-count,.l-meta{grid-column:2}}
