.courses-page{min-height:80vh;padding:2rem 0}.courses-header{text-align:center;margin-bottom:2rem}.courses-header h1{color:#1f2937;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.courses-header p{color:#6b7280;margin:0;font-size:1.125rem}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.course-card{color:inherit;background:#fff;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;height:100%;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.05)}.course-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.15)}.course-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.course-title-section{flex:1}.course-card h3{color:#1f2937;margin:0 0 .5rem;font-size:1.25rem;font-weight:600;line-height:1.3}.course-badge{color:#1d4ed8;text-transform:uppercase;letter-spacing:.025em;background:#dbeafe;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.course-meta{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.difficulty-badge{color:#fff;text-transform:capitalize;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.course-summary{color:#6b7280;flex:1;margin:0 0 1.5rem;font-size:.875rem;line-height:1.5}.course-footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;display:flex}.course-details{flex-direction:column;gap:.25rem;display:flex}.duration,.price{color:#6b7280;font-size:.75rem;font-weight:500}.enroll-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.enroll-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.loading-container p{color:#6b7280;font-size:1rem}.no-courses{text-align:center;color:#6b7280;padding:3rem 1rem}.no-courses p{font-size:1.125rem}@media (max-width:768px){.courses-page{padding:1rem 0}.courses-header h1{font-size:2rem}.courses-grid{grid-template-columns:1fr;gap:1rem}.course-card{padding:1rem}.course-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.course-meta{flex-direction:row;align-items:flex-start}.course-footer{flex-direction:column;align-items:stretch;gap:1rem}.course-details{flex-direction:row;justify-content:space-between}}@media (max-width:480px){.course-card h3{font-size:1.125rem}}