body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;color:#1a1a2e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header{background:linear-gradient(135deg,#6c2bd9,#8b5cf6);border-bottom:4px solid #14b8a6;color:#fff;padding:20px 30px;text-align:center}.header-content{align-items:center;display:flex;gap:20px;justify-content:center}.header-logo{height:65px}.header h1{color:#fff;font-size:34px;font-weight:700}.header p{color:#c4b5fd;font-size:16px;margin-top:5px}.nav{background:#fff;border-bottom:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:wrap;padding:0 20px}.nav button{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:15px 25px;transition:all .3s ease}.nav button:hover{color:#6c2bd9}.nav-active{border-bottom-color:#6c2bd9!important;color:#6c2bd9!important}.main-content{margin:0 auto;max-width:1200px;padding:30px 20px}.main-content h2{color:#1a1a2e;margin-bottom:20px}.category-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.filter-btn{background:#fff;border:2px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .3s ease}.filter-btn:hover{border-color:#6c2bd9;color:#6c2bd9}.filter-active{background:#6c2bd9;border:2px solid #6c2bd9;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px}.courses-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.course-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 10px #00000014;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.course-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.course-image{font-size:48px;margin-bottom:12px}.course-card h3{color:#1a1a2e;font-size:18px;margin-bottom:6px}.course-meta{margin-bottom:4px}.course-meta,.course-stats{color:#6b7280;font-size:13px}.course-stats{margin-bottom:15px}.btn-enroll{background:#6c2bd9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 25px;transition:background .3s ease;width:100%}.btn-enroll:hover{background:#5b21b6}.course-enrolled{display:flex;flex-direction:column;gap:8px}.enrolled-badge{color:#14b8a6;font-size:14px;font-weight:600}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6c2bd9,#14b8a6);border-radius:4px;height:100%;transition:width .5s ease}.progress-text{color:#6b7280;font-size:12px}.my-courses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.my-course-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 10px #00000014;display:flex;gap:15px;padding:20px}.my-course-card .course-image{flex-shrink:0;font-size:36px;margin-bottom:0}.my-course-info{flex:1 1}.my-course-info h3{color:#1a1a2e;font-size:16px;margin-bottom:2px}.my-course-info p{color:#6b7280;font-size:13px;margin-bottom:8px}.btn-continue{background:#14b8a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:8px;padding:6px 16px;transition:background .3s ease}.btn-continue:hover{background:#0d9488}.empty-state{background:#fff;border-radius:16px;box-shadow:0 2px 10px #00000014;padding:60px 20px;text-align:center}.empty-state p{color:#6b7280;font-size:18px;margin-bottom:20px}.progress-overview{background:#fff;border-radius:16px;box-shadow:0 2px 10px #00000014;padding:25px}.progress-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.progress-stat-card{background:#f8fafc;border-radius:12px;padding:20px;text-align:center}.progress-stat-card h3{color:#6c2bd9;font-size:32px}.progress-stat-card p{color:#6b7280;font-size:14px}.progress-list{display:flex;flex-direction:column;gap:15px}.progress-item{background:#f8fafc;border-radius:10px;padding:15px}.progress-item-info{display:flex;justify-content:space-between;margin-bottom:6px}.progress-item-title{color:#1a1a2e;font-weight:500}.progress-item-percent{color:#6c2bd9;font-weight:600}.badges-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.badge-card{background:#fff;border:2px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 10px #00000014;padding:25px;text-align:center;transition:all .3s ease}.badge-card:hover{border-color:#14b8a6;transform:scale(1.02)}.badge-icon{font-size:48px;margin-bottom:10px}.badge-card h3{color:#1a1a2e;font-size:16px;margin-bottom:4px}.badge-card p{color:#6b7280;font-size:13px}.btn-primary{background:#6c2bd9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:background .3s ease}.btn-primary:hover{background:#5b21b6}.footer{border-top:1px solid #e5e7eb;color:#6b7280;font-size:14px;margin-top:30px;padding:20px;text-align:center}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.nav{justify-content:center}.nav button{font-size:12px;padding:10px 15px}.header-content{flex-direction:column;gap:10px}.header h1{font-size:24px}.courses-grid,.my-courses-grid{grid-template-columns:1fr}.my-course-card{flex-direction:column;text-align:center}.badges-grid,.progress-stats{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.a5295643.css.map*/