.page-container[data-v-8a7700ce]{font-family:Inter,sans-serif;background:#f8fafc;min-height:100vh;color:#1e293b}.container[data-v-8a7700ce]{max-width:1000px;margin:0 auto;padding:40px 20px}.page-intro[data-v-8a7700ce]{margin-bottom:40px}.title-row[data-v-8a7700ce]{display:flex;align-items:center;gap:16px}.icon-title[data-v-8a7700ce]{width:48px;height:48px;background:#e0f2fe;color:#0c325e;border-radius:12px;display:flex;align-items:center;justify-content:center}.title-row h1[data-v-8a7700ce]{font-size:1.2rem;color:#0c325e;margin:0;font-weight:700}.subtitle[data-v-8a7700ce]{color:#64748b;margin:4px 0 0 0;font-size:1rem;line-height:1.7}.courses-grid[data-v-8a7700ce]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.course-card[data-v-8a7700ce]{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s}.course-card[data-v-8a7700ce]:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.06)}.course-thumb[data-v-8a7700ce]{height:160px;background:linear-gradient(135deg,#1e4620,#0c325e);position:relative;display:flex;align-items:center;justify-content:center}.thumb-placeholder[data-v-8a7700ce]{font-size:3rem;font-weight:800;color:hsla(0,0%,100%,.2);letter-spacing:4px}.play-overlay[data-v-8a7700ce]{position:absolute;width:50px;height:50px;background:hsla(0,0%,100%,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:.2s;color:#0c325e}.course-card:hover .play-overlay[data-v-8a7700ce]{opacity:1;transform:scale(1.1)}.course-info[data-v-8a7700ce]{padding:20px}.tags[data-v-8a7700ce]{display:flex;gap:8px;margin-bottom:12px}.tag[data-v-8a7700ce]{font-size:.7rem;padding:2px 8px;border-radius:4px;font-weight:600;text-transform:uppercase}.tag.blue[data-v-8a7700ce]{background:#eff6ff;color:#2563eb}.tag.orange[data-v-8a7700ce]{background:#fff7ed;color:#ea580c}.course-info h3[data-v-8a7700ce]{margin:0 0 8px 0;font-size:1rem;color:#1e293b;font-weight:700}.course-info p[data-v-8a7700ce]{margin:0 0 20px 0;font-size:.92rem;color:#64748b;line-height:1.6}.progress-wrapper[data-v-8a7700ce]{display:flex;align-items:center;gap:10px}.progress-bar[data-v-8a7700ce]{flex:1;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.fill[data-v-8a7700ce]{height:100%;background:#16a34a;border-radius:3px;transition:width .5s ease}.progress-text[data-v-8a7700ce]{font-size:.8rem;font-weight:600;color:#16a34a}.start-text[data-v-8a7700ce]{font-size:.85rem;font-weight:600;color:#2563eb}.fade-in[data-v-8a7700ce]{animation:fadeIn-8a7700ce .6s ease-out}.fade-in-up[data-v-8a7700ce]{animation:fadeInUp-8a7700ce .6s ease-out}@keyframes fadeIn-8a7700ce{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp-8a7700ce{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}