.chapter-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;flex-direction:column;height:100%;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000014}.chapter-card:before{content:"";background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);width:100%;height:4px;position:absolute;top:0;left:0}.chapter-card:hover{border-color:#667eea;transform:translateY(-8px);box-shadow:0 8px 30px #667eea33}.chapter-card.completed{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border-color:#4caf50}.chapter-card.completed:before{background:linear-gradient(90deg,#4caf50 0%,#81c784 100%)}.chapter-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.chapter-number-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:.4rem .8rem;font-size:.85rem;font-weight:700}.chapter-card.completed .chapter-number-badge{background:linear-gradient(135deg,#4caf50 0%,#81c784 100%)}.completed-badge{color:#fff;background:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:700;display:flex}.chapter-title{color:#333;margin:.5rem 0;font-size:1.4rem;font-weight:700;line-height:1.3}.chapter-subtitle{color:#667eea;margin:.3rem 0;font-size:.95rem;font-weight:600}.chapter-description{color:#666;margin:.8rem 0;font-size:.9rem;line-height:1.5}.chapter-meta{align-items:center;gap:1rem;margin:auto 0 1rem;display:flex}.difficulty-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.time-estimate{color:#666;align-items:center;gap:.3rem;font-size:.85rem;display:flex}.chapter-topics{flex-wrap:wrap;gap:.4rem;margin:1rem 0;display:flex}.topic-mini-tag{color:#555;background:#f0f0f0;border-radius:12px;padding:.3rem .7rem;font-size:.75rem;font-weight:500}.topic-mini-tag.more{color:#fff;background:#667eea}.chapter-progress{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem}.progress-bar-small{background:#e0e0e0;border-radius:4px;width:100%;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill-small{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:4px;height:100%;transition:width .5s}.chapter-card.completed .progress-fill-small{background:linear-gradient(90deg,#4caf50 0%,#81c784 100%)}.progress-text{color:#888;font-size:.8rem}.dark-mode .chapter-card{color:#fff;background:#2d2d44}.dark-mode .chapter-title{color:#fff}.dark-mode .chapter-description{color:#aaa}.dark-mode .topic-mini-tag{color:#ddd;background:#3d3d54}.dark-mode .chapter-progress{border-top-color:#3d3d54}.dark-mode .progress-bar-small{background:#3d3d54}@media (max-width:768px){.chapter-card{padding:1rem}.chapter-title{font-size:1.2rem}.chapter-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}