.lesson-shell{max-width:1120px;margin:auto;padding:0 clamp(20px,4vw,48px) 32px}.lesson-header-note{color:var(--muted);font-size:13px}.lesson-welcome{margin:clamp(32px,6vh,64px) 0 32px}.lesson-eyebrow{color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.lesson-welcome h1{font:700 clamp(36px,5vw,58px)/1.1 var(--display);margin:10px 0 14px}.lesson-welcome p,.lesson-description{color:#cbbdd8;line-height:1.6}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}.lesson-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #604164;border-radius:22px;background:linear-gradient(145deg,#32213f,#211b30)}.lesson-card:hover{border-color:var(--pink)}.lesson-card>img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.lesson-card-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:clamp(20px,3vw,28px)}.lesson-title{font:700 32px/1.1 var(--display);margin:10px 0 12px}.lesson-description{font-size:15px;margin-bottom:24px}.lesson-progress{margin-top:auto;color:var(--gold);font-size:13px}.lesson-action{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin-top:16px;padding:13px 18px;border-radius:12px;background:#edacd2;color:#281b32;font-weight:700}.lesson-save-note{margin-top:28px;color:var(--muted);font-size:13px;line-height:1.6;text-align:center}@media(max-width:480px){.lesson-header-note{max-width:130px;text-align:right;font-size:11px}}