<style>.courses-page-container{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:'Segoe UI',Roboto,sans-serif;background:#fff}.courses-layout{display:flex;gap:30px}.courses-sidebar{width:250px;flex-shrink:0}.filter-title{margin:20px 0 10px;font-size:16px;font-weight:600;color:#333}.filter-list{list-style:none;padding:0;margin:0}.filter-item{padding:10px 0;color:#333;cursor:pointer;font-size:14px;transition:all .2s ease;border-bottom:1px solid #eee}.filter-item:hover,.filter-item.active{color:#0073aa;font-weight:500}#course-search{width:100%;padding:12px 15px;border:1px solid #ccc;font-size:16px;transition:border-color .3s ease;background:#fff}#course-search:focus{border-color:#0073aa;outline:none}.courses-list{flex-grow:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:25px}.course-card{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;padding:20px;min-height:160px;text-decoration:none;display:flex;align-items:center;justify-content:space-between;border:1px solid #eee}.course-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.1)}.course-text{display:flex;flex-direction:column;justify-content:center;flex-grow:1;padding-right:15px}.course-title{font-size:20px;font-weight:600;color:#333;margin:0 0 6px}.course-price{font-size:16px;font-weight:700;color:#0073aa;margin:0}.course-image{width:140px;height:100px;overflow:hidden;flex-shrink:0}.course-image img{width:100%;height:100%;object-fit:cover}@media (max-width:768px){.courses-layout{flex-direction:column}.courses-sidebar{width:100%}.courses-list{grid-template-columns:1fr}.course-card{flex-direction:row;align-items:center;min-height:120px;padding:15px}.course-image{width:100px;height:80px}.course-title{font-size:18px}.course-price{font-size:14px}}</style>