.lesson-grid{gap:var(--space-md);flex-direction:column;animation:.5s ease-out .2s both fadeInUp;display:flex}.lesson-card{gap:var(--space-lg);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-card);color:inherit;transition:box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);border:none;align-items:flex-start;text-decoration:none;display:flex}.lesson-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.lesson-num-badge{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-primary);min-width:48px;padding-top:var(--space-xs);font-weight:700;line-height:1}.lesson-info{flex:1}.lesson-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-dark);margin-bottom:var(--space-xs);font-weight:700;line-height:1.3}.lesson-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.6}.lesson-footer{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.lesson-slides{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}@media (max-width:768px){.lesson-card{padding:var(--space-lg);flex-direction:column}.lesson-num-badge{font-size:var(--text-xl)}.lesson-footer{flex-direction:column;align-items:flex-start}}