.cp{padding-top:68px}.cp-hero{background:var(--bgd);color:var(--cw);padding:72px 48px 64px}.cp-crumbs{font-family:var(--fh);color:var(--cw);opacity:.7;align-items:center;gap:8px;margin-bottom:22px;font-size:13px;font-weight:600;display:flex}.cp-crumbs a{color:var(--cw);text-decoration:none}.cp-crumbs a:hover{text-decoration:underline}.cp-eyebrow{font-family:var(--fh);text-transform:uppercase;letter-spacing:1.4px;color:var(--acc);font-size:12px;font-weight:700;display:inline-block}.cp-h1{font-family:var(--fh);letter-spacing:-1.8px;color:var(--cw);max-width:18ch;margin:12px 0 16px;font-size:clamp(38px,5.5vw,62px);font-weight:800;line-height:1.04}.cp-sub{color:var(--cw);opacity:.82;max-width:62ch;margin:0 0 30px;font-size:17px;line-height:1.6}.cp-panel{background:#ffffff0f;border:1px solid #ffffff24;border-radius:16px;max-width:560px;padding:22px 24px}.cp-panel-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.cp-progress-text{align-items:baseline;gap:12px;display:flex}.cp-progress-count{font-family:var(--fh);color:var(--cw);font-size:14px;font-weight:600}.cp-progress-count strong{font-weight:800}.cp-progress-pct{font-family:var(--fh);color:var(--acc);font-size:13px;font-weight:800}.cp-reset{cursor:pointer;font-family:var(--fh);color:var(--cw);opacity:.6;background:0 0;border:none;padding:0;font-size:12.5px;font-weight:600;text-decoration:underline;transition:opacity .15s}.cp-reset:hover{opacity:1}.cp-bar{background:#ffffff29;border-radius:999px;height:8px;margin-bottom:20px;overflow:hidden}.cp-bar-fill{background:var(--acc);border-radius:999px;height:100%;transition:width .4s;display:block}.cp-cta{background:var(--acc);color:#fff;font-family:var(--fh);border-radius:999px;align-items:center;gap:10px;padding:13px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex}.cp-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.cp-cta svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.cp-body{background:var(--bg);padding:60px 48px 96px}.cp-body .container-page{max-width:820px}.cp-module{margin-bottom:44px}.cp-module:last-of-type{margin-bottom:0}.cp-module-head{margin-bottom:20px}.cp-module-kicker{font-family:var(--fh);text-transform:uppercase;letter-spacing:1.4px;color:var(--acc);margin-bottom:8px;font-size:11.5px;font-weight:800;display:inline-block}.cp-module-title{font-family:var(--fh);letter-spacing:-.6px;color:var(--c1);margin:0 0 6px;font-size:23px;font-weight:800}.cp-module-summary{color:var(--c2);max-width:60ch;margin:0;font-size:15px;line-height:1.55}.cp-lessons{margin:0;padding:0;list-style:none}.cp-lesson{position:relative}.cp-lesson:before{content:"";background:var(--b);z-index:0;width:2px;position:absolute;top:44px;bottom:-8px;left:25px}.cp-lesson:last-child:before{display:none}.cp-lesson-link{z-index:1;background:var(--bg2);border:1px solid var(--b);border-radius:14px;align-items:flex-start;gap:18px;margin-bottom:8px;padding:14px 18px 14px 14px;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.cp-lesson-link:hover{border-color:var(--acc);box-shadow:var(--sh);transform:translateY(-2px)}.cp-node{background:var(--bg);border:2px solid var(--b);border-radius:999px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,border-color .2s;display:inline-flex}.cp-node-num{font-family:var(--fh);color:var(--c2);font-size:13px;font-weight:800}.cp-node-check{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:none}.cp-lesson-link:hover .cp-node{border-color:var(--acc)}.cp-lesson-body{flex:1;min-width:0;padding-top:1px}.cp-lesson-eyebrow{font-family:var(--fh);text-transform:uppercase;letter-spacing:1px;color:var(--c3);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.cp-lesson-title{font-family:var(--fh);color:var(--c1);letter-spacing:-.2px;margin-bottom:5px;font-size:16.5px;font-weight:700;line-height:1.3;display:block}.cp-lesson-desc{color:var(--c2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.cp-lesson-status{flex:none;align-self:center}.cp-status-todo,.cp-status-done{font-family:var(--fh);align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.cp-status-todo{color:var(--c3);transition:color .15s}.cp-status-todo svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .15s}.cp-lesson-link:hover .cp-status-todo{color:var(--acc)}.cp-lesson-link:hover .cp-status-todo svg{transform:translate(3px)}.cp-status-done{color:#1a9d6a;display:none}.cp-status-done svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.cp-lesson.is-done .cp-node{background:var(--acc);border-color:var(--acc)}.cp-lesson.is-done .cp-node-num{display:none}.cp-lesson.is-done .cp-node-check{display:block}.cp-lesson.is-done .cp-status-todo{display:none}.cp-lesson.is-done .cp-status-done{display:inline-flex}.cp-lesson.is-done:before{background:var(--acc);opacity:.5}.cp-foot{margin-top:48px}.cp-back{font-family:var(--fh);color:var(--acc);align-items:center;gap:10px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.cp-back svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.cp-back:hover{text-decoration:underline}@media (width<=900px){.cp-hero{padding:56px 22px 48px}.cp-body{padding:44px 22px 76px}.cp-panel{padding:18px}.cp-lesson-status{display:none}.cp-lesson:before{left:25px}}
