.courses-page{background-color:var(--bg-secondary);min-height:100vh}.search-container{max-width:600px;margin:0 auto}.search-wrapper{background:var(--bg-elevated,#fff);border-radius:1rem;align-items:center;padding:8px 16px;display:flex;position:relative;box-shadow:0 10px 15px -3px #0000001a}.search-icon{color:var(--text-tertiary);margin-right:12px;font-size:1.2rem}.search-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:10px 0;font-size:1rem}.courses-container{z-index:2;max-width:1200px;margin:-40px auto 60px;padding:0 20px;position:relative}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.course-card-modern{background:var(--bg-elevated,#fff);color:inherit;border:1px solid var(--border-primary);border-radius:.5rem;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.course-card-modern:hover{border-color:var(--color-primary-400);transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.course-card-icon{background:var(--color-primary-50);border-bottom:1px solid var(--border-secondary);justify-content:center;align-items:center;height:80px;font-size:3rem;display:flex}.course-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.course-tag{background:var(--color-primary-100);color:var(--color-primary-700);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;width:fit-content;margin-bottom:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.course-card-body h3{color:var(--text-primary);margin-bottom:12px;font-size:1.25rem;line-height:1.4}.course-card-body p{color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.course-card-footer{border-top:1px solid var(--border-secondary);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.course-duration{color:var(--text-tertiary);align-items:center;gap:6px;font-size:.85rem;display:flex}.course-start-link{color:var(--color-primary-600);font-size:.9rem;font-weight:600}.no-results{text-align:center;color:var(--text-tertiary);padding:80px 20px}.no-results-icon{opacity:.2;margin-bottom:1rem;font-size:4rem}@media (max-width:768px){.courses-hero h1{font-size:2rem}.courses-grid{grid-template-columns:1fr}}