.courses-container{max-width:1400px;margin:0 auto;padding:40px 20px;min-height:60vh}.page-header{text-align:center;margin-bottom:50px;padding:20px;background:linear-gradient(135deg,#f8fafd 0%,#ffffff 100%);border-radius:24px}.page-header h1{font-size:36px;font-weight:800;color:#0a1e3c;margin-bottom:12px;position:relative;display:inline-block}.page-header h1:after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#8AC4A7;border-radius:3px}.page-header p{font-size:16px;color:#5a6874;max-width:600px;margin:20px auto 0;line-height:1.6}.sort-toolbar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:30px;padding:10px 0;border-bottom:1px solid #edf2f7}.courses-count{font-size:14px;color:#5a6874;margin-left:20px;padding:5px 12px;background:#f8fafd;border-radius:20px}.courses-count span{font-weight:700;color:#0a1e3c}.sort-wrapper{display:flex;align-items:center;gap:12px}.sort-wrapper label{font-size:13px;color:#5a6874;font-weight:500}.sort-select{padding:8px 12px;border:1px solid #edf2f7;border-radius:10px;font-size:13px;background:#ffffff;color:#0a1e3c;cursor:pointer;outline:none;transition:all 0.2s ease}.sort-select:hover,.sort-select:focus{border-color:#8AC4A7;box-shadow:0 0 0 2px rgba(138,196,167,0.2)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.course-card{background:#ffffff;border-radius:20px;overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(0,0,0,0.04);border:1px solid #edf2f7;height:100%;display:flex;flex-direction:column;position:relative}.course-card:hover{transform:translateY(-8px);box-shadow:0 20px 30px -12px rgba(0,0,0,0.15);border-color:#8AC4A7}.course-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#f8fafd}.course-image a{display:block;width:100%;height:100%}.course-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}.course-card:hover .course-image img{transform:scale(1.08)}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#8a97a4;font-size:13px;background:#f8fafd}.badge{position:absolute;top:12px;right:12px;font-size:11px;font-weight:700;padding:5px 12px;border-radius:25px;z-index:2}.badge-flash{background:linear-gradient(135deg,#dc3545,#c82333);color:white;box-shadow:0 2px 8px rgba(220,53,69,0.3)}.badge-discount{background:linear-gradient(135deg,#ffc107,#e0a800);color:#0a1e3c;box-shadow:0 2px 8px rgba(255,193,7,0.3)}.course-info{padding:20px;flex:1}.course-title{font-size:18px;font-weight:700;margin:0 0 10px 0;line-height:1.4}.course-title a{color:#0a1e3c;text-decoration:none;transition:color 0.2s ease}.course-title a:hover{color:#8AC4A7}.course-teacher{font-size:13px;color:#8a97a4;margin-bottom:12px}.course-rating{display:flex;align-items:center;gap:8px;margin-bottom:15px;flex-wrap:wrap}.stars{color:#ffc107;font-size:13px;letter-spacing:2px}.rating-value{font-weight:700;color:#0a1e3c;font-size:14px}.rating-count{font-size:12px;color:#8a97a4}.no-rating{font-size:12px;color:#8a97a4}.course-price{margin-bottom:18px;padding-top:10px;border-top:1px solid #edf2f7}.old-price{font-size:13px;color:#8a97a4;text-decoration:line-through;margin-left:10px}.new-price{font-size:22px;font-weight:800;color:#dc3545}.regular-price{font-size:22px;font-weight:800;color:#0a1e3c}.currency{font-size:12px;font-weight:400;color:#8a97a4}.course-footer{padding:15px 20px 20px;border-top:1px solid #edf2f7}.btn-detail{display:block;width:100%;padding:12px;background:transparent;border:2px solid #8AC4A7;border-radius:12px;color:#8AC4A7;font-size:14px;font-weight:700;text-align:center;text-decoration:none;transition:all 0.3s ease;cursor:pointer}.btn-detail:hover{background:#8AC4A7;color:#152239;transform:translateY(-2px);box-shadow:0 4px 12px rgba(138,196,167,0.3)}.empty-state-wrapper{display:flex;justify-content:center;align-items:center;min-height:400px;grid-column:1 / -1}.empty-state{text-align:center;padding:50px 30px;background:#ffffff;border-radius:24px;border:1px solid #edf2f7;max-width:500px;width:100%;margin:0 auto;box-shadow:0 2px 8px rgba(0,0,0,0.04)}.empty-state h3{font-size:22px;font-weight:700;color:#0a1e3c;margin-bottom:12px}.empty-state p{font-size:14px;color:#5a6874;margin-bottom:25px;line-height:1.6}.btn-empty-reset{display:inline-block;padding:10px 24px;background:#8AC4A7;color:#152239;border:none;border-radius:30px;font-size:14px;font-weight:600;text-decoration:none;transition:all 0.3s ease}.btn-empty-reset:hover{background:#7ab896;transform:translateY(-2px);box-shadow:0 4px 12px rgba(138,196,167,0.3)}.pagination{display:flex;justify-content:center;gap:10px;margin-top:50px;flex-wrap:wrap}.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:14px;font-size:14px;font-weight:500;text-decoration:none;background:#ffffff;color:#0a1e3c;border:1px solid #edf2f7;transition:all 0.2s ease}.page-link:hover{background:#8AC4A7;border-color:#8AC4A7;color:#152239;transform:translateY(-2px)}.page-link.current{background:#0a1e3c;color:#ffffff;border-color:#0a1e3c}@media (max-width:992px){.courses-container{padding:30px 15px}.page-header h1{font-size:30px}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}}@media (max-width:768px){.page-header{margin-bottom:30px;padding:15px}.page-header h1{font-size:24px}.page-header p{font-size:14px}.sort-toolbar{justify-content:space-between;flex-wrap:wrap;gap:12px}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.course-title{font-size:16px}.new-price,.regular-price{font-size:18px}.empty-state{padding:30px 20px}.empty-state h3{font-size:18px}}@media (max-width:576px){.courses-grid{grid-template-columns:1fr}.page-header h1{font-size:22px}.course-title{font-size:15px}.sort-wrapper{width:100%;justify-content:space-between}.sort-select{flex:1}.pagination{gap:6px}.page-link{min-width:36px;height:36px;padding:0 10px;font-size:13px}}