.lesson-page{min-height:100vh;padding:70px 5%;background:radial-gradient(circle at 90% 0,rgba(0,217,139,.07),transparent 30%),#030b14;color:#ffffff}.lesson-container{width:100%;max-width:1180px;margin:0 auto}.lesson-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:35px;color:#71899c;font-size:.82rem}.lesson-breadcrumbs a{color:#00d98b;text-decoration:none}.lesson-breadcrumbs a:hover{color:#72ffc5}.lesson-header{display:flex;align-items:flex-start;gap:25px;margin-bottom:45px;padding:42px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#081522}.lesson-number-large{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:70px;height:70px;border:1px solid rgba(0,217,139,.3);border-radius:20px;background:rgba(0,217,139,.1);color:#65f5b9;font-size:1.25rem;font-weight:850}.lesson-eyebrow{display:inline-block;margin-bottom:13px;color:#00d98b;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.lesson-header h1{max-width:850px;margin:0 0 15px;color:#ffffff;font-size:clamp(2rem,4vw,3.7rem);font-weight:800;letter-spacing:-.045em;line-height:1.1}.lesson-header p{max-width:720px;margin:0;color:#91a8ba;font-size:1rem;line-height:1.8}.lesson-layout{display:grid;grid-template-columns:285px minmax(0,1fr);align-items:start;gap:35px}.lesson-sidebar{position:sticky;top:25px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#081522}.sidebar-title{display:block;margin-bottom:18px;color:#ffffff;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lesson-navigation{display:flex;flex-direction:column;gap:7px}.lesson-nav-link{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid transparent;border-radius:10px;color:#8da3b5;font-size:.78rem;line-height:1.45;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease}.lesson-nav-link span{color:#526e82;font-size:.72rem;font-weight:800}.lesson-nav-link strong{font-weight:650}.lesson-nav-link:hover{border-color:rgba(0,217,139,.2);background:rgba(0,217,139,.05);color:#ffffff}.lesson-nav-link.active{border-color:rgba(0,217,139,.25);background:rgba(0,217,139,.1);color:#65f5b9}.lesson-nav-link.active span{color:#00d98b}.lesson-content{min-width:0;padding:38px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#081522}.lesson-section{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.08)}.lesson-section:last-of-type{margin-bottom:0}.lesson-section h2{margin:0 0 17px;color:#ffffff;font-size:1.45rem;font-weight:800;letter-spacing:-.025em}.lesson-section p{margin:0 0 15px;color:#9aafc0;font-size:.98rem;line-height:1.9}.lesson-section p:last-of-type{margin-bottom:0}.lesson-section ul{display:grid;gap:10px;padding:0;margin:22px 0 0;list-style:none}.lesson-section li{position:relative;padding:13px 15px 13px 38px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.025);color:#cbd9e3;line-height:1.6}.lesson-section li:before{position:absolute;top:20px;left:17px;width:7px;height:7px;border-radius:50%;background:#00d98b;content:""}.lesson-note{margin-top:30px;padding:20px;border-left:3px solid #00d98b;border-radius:0 12px 12px 0;background:rgba(0,217,139,.07)}.lesson-note strong{display:block;margin-bottom:8px;color:#65f5b9;font-size:.9rem}.lesson-note p{margin:0;color:#91a8ba;font-size:.88rem;line-height:1.7}.lesson-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:35px}.lesson-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:47px;padding:0 19px;border:1px solid transparent;border-radius:11px;font-size:.83rem;font-weight:800;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.lesson-action span{font-size:1rem}.lesson-action:hover{transform:translateY(-2px)}.lesson-action.primary{background:#00d98b;color:#001a10}.lesson-action.primary:hover{background:#65f5b9}.lesson-action.secondary{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.035);color:#ffffff}.lesson-action.secondary:hover{border-color:rgba(0,217,139,.35);background:rgba(0,217,139,.07);color:#65f5b9}.lesson-action:focus-visible{outline:3px solid rgba(101,245,185,.45);outline-offset:4px}@media (max-width:950px){.lesson-layout{grid-template-columns:1fr}.lesson-sidebar{position:static}.lesson-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.lesson-page{padding:40px 4%}.lesson-header{flex-direction:column;padding:28px 23px}.lesson-header h1{font-size:2.2rem}.lesson-content{padding:25px 21px}.lesson-navigation{grid-template-columns:1fr}.lesson-actions{align-items:stretch;flex-direction:column}.lesson-action{width:100%}}