.courses-page .header{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;padding:48px 0;position:relative;overflow:hidden}.courses-page .header:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:hsla(0,0%,100%,.1);border-radius:50%}.courses-page .header:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:hsla(0,0%,100%,.05);border-radius:50%}.courses-page .header h1{font-size:36px;font-weight:700;margin-bottom:16px;position:relative;z-index:1}.courses-page .header p{font-size:18px;color:hsla(0,0%,100%,.9);position:relative;z-index:1}.courses-page .filters{margin-bottom:32px}.courses-page .filters .search-input{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px}.courses-page .filters .search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.courses-page .filters .category-button{padding:8px 16px;border-radius:9999px;font-weight:500;transition:all .3s ease;border:1px solid rgba(0,0,0,0)}.courses-page .filters .category-button.active{background:#2563eb;color:#fff}.courses-page .filters .category-button:hover:not(.active){border-color:#2563eb}.courses-page .filters .view-toggle{display:flex;gap:8px}.courses-page .filters .view-toggle button{padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .3s ease}.courses-page .filters .view-toggle button.active{background:#2563eb;color:#fff;border-color:#2563eb}.courses-page .filters .view-toggle button:hover:not(.active){border-color:#2563eb}.courses-page .course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:24px}.courses-page .course-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.courses-page .course-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .3s ease}.courses-page .course-card:hover{box-shadow:0 12px 24px rgba(0,0,0,.08);transform:translateY(-4px)}.courses-page .course-card .course-image{position:relative;height:192px;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.courses-page .course-card .course-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.courses-page .course-card .course-image .level-badge{position:absolute;top:12px;right:12px;background:#fff;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600;color:#2563eb;box-shadow:0 2px 8px rgba(0,0,0,.1)}.courses-page .course-card .course-content{padding:16px;display:flex;flex-direction:column}.courses-page .course-card .course-content .course-title{font-size:18px;font-weight:600;color:#111827;margin-bottom:8px}.courses-page .course-card .course-content .course-description{font-size:14px;color:#666;margin-bottom:12px;line-height:1.5}.courses-page .course-card .course-content .course-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:#666;margin-bottom:12px}.courses-page .course-card .course-content .course-footer{border-top:1px solid #e5e7eb;padding-top:12px;display:flex;align-items:center;justify-content:space-between}.courses-page .course-card .course-content .course-footer .course-price{font-size:24px;font-weight:700;color:#2563eb}.courses-page .course-card .course-content .course-footer .course-students{font-size:12px;color:#999}.courses-page .course-card.list-view{display:flex;flex-direction:row}.courses-page .course-card.list-view .course-image{width:256px;height:auto;min-height:192px;flex-shrink:0}.courses-page .course-card.list-view .course-content{flex:1;justify-content:space-between}.courses-page .no-results{text-align:center;padding:48px 0}.courses-page .no-results p{font-size:18px;color:#666;margin-bottom:16px}.courses-page .no-results button{color:#2563eb;font-weight:600}.courses-page .no-results button:hover{color:#1e40af}.courses-page .results-count{font-size:14px;color:#666;margin-bottom:24px}.courses-page .results-count .count{font-weight:600;color:#111827}@media(max-width:768px){.courses-page .header{padding:32px 0}.courses-page .header h1{font-size:28px}.courses-page .header p{font-size:16px}.courses-page .filters .category-button{padding:6px 12px;font-size:13px}.courses-page .course-grid{grid-template-columns:1fr}.courses-page .course-card.list-view{flex-direction:column}.courses-page .course-card.list-view .course-image{width:100%;height:192px}}