.c-learning-page[data-v-51ad4041]{min-height:100vh;background:#f5f7fa}.page-banner[data-v-51ad4041]{background:linear-gradient(135deg,#43e97b,#38f9d7);padding:60px 40px;color:#fff;text-align:center}.page-banner h1[data-v-51ad4041]{font-size:2.5rem;margin-bottom:15px;font-weight:700}.page-banner p[data-v-51ad4041]{font-size:1.2rem;opacity:.9}.learning-content[data-v-51ad4041]{padding:40px;max-width:1400px;margin:0 auto}.chapters-grid[data-v-51ad4041]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.chapter-card[data-v-51ad4041]{background:#fff;padding:30px;border-radius:16px;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.06);box-shadow:0 4px 15px rgba(0,0,0,.06);-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.chapter-card[data-v-51ad4041]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 8px 25px rgba(0,0,0,.1);box-shadow:0 8px 25px rgba(0,0,0,.1)}.chapter-number[data-v-51ad4041]{position:absolute;top:20px;right:20px;width:40px;height:40px;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;font-size:1.2rem}.chapter-card h3[data-v-51ad4041]{font-size:1.3rem;color:#333;margin-bottom:12px;font-weight:600}.chapter-card p[data-v-51ad4041]{color:#666;line-height:1.6;margin-bottom:20px}.chapter-progress[data-v-51ad4041]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;margin-bottom:20px}.progress-bar[data-v-51ad4041]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:8px;background:#e9ecef;border-radius:10px;overflow:hidden}.progress-fill[data-v-51ad4041]{height:100%;background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:10px}.chapter-progress span[data-v-51ad4041]{font-weight:600;color:#43e97b}