.courses-page{min-height:100vh;background:#f8fafc;padding:2rem;direction:rtl}.courses-header{text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto}.courses-header h1{font-size:3rem;font-weight:700;color:#1f2937;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.courses-header p{font-size:1.2rem;color:#6b7280;line-height:1.6}.courses-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:2rem;gap:2rem}.course-card{background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;position:relative}.course-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.course-image{height:200px;overflow:hidden;position:relative}.course-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.course-card:hover .course-image img{transform:scale(1.05)}.course-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:white}.course-overlay{position:absolute;top:1rem;right:1rem}.course-level{background:rgba(255,255,255,.9);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;color:#374151}.course-content{padding:1.5rem;flex:1 1;display:flex;flex-direction:column}.course-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.75rem;line-height:1.4;-webkit-line-clamp:2}.course-description,.course-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.course-description{color:#6b7280;line-height:1.6;margin-bottom:1rem;flex:1 1;-webkit-line-clamp:3}.course-meta{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.meta-item{gap:.25rem;font-size:.875rem;color:#6b7280}.course-rating,.meta-item{display:flex;align-items:center}.course-rating{gap:.5rem;margin-bottom:1rem}.stars{display:flex;gap:.125rem}.stars .star.filled{color:#fbbf24}.stars .star.empty{color:#d1d5db}.rating-text{font-size:.875rem;color:#6b7280}.course-footer{padding:1rem 1.5rem;background:#f9fafb;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e7eb}.course-price{font-weight:700;color:#059669;font-size:1.1rem}.view-course{color:#667eea;font-weight:600;font-size:.9rem;transition:color .3s ease}.course-card:hover .view-course{color:#764ba2}.no-courses{text-align:center;padding:4rem 2rem;background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);max-width:600px;margin:0 auto}.no-courses h3{color:#1f2937;margin-bottom:.5rem;font-size:1.5rem}.no-courses p{color:#6b7280;font-size:1.1rem}.loading-skeleton{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:2rem;gap:2rem}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:1rem}.skeleton-card{height:400px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-message{text-align:center;padding:4rem 2rem;background:white;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);max-width:600px;margin:0 auto}.error-message h2{color:#dc2626;margin-bottom:1rem;font-size:1.5rem}.error-message p{color:#6b7280;margin-bottom:1rem}.error-message button{background:#059669;color:white;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:600;transition:background .3s ease}.error-message button:hover{background:#047857}@media (max-width:768px){.courses-page{padding:1rem}.courses-header h1{font-size:2rem}.courses-header p{font-size:1rem}.courses-grid{grid-template-columns:1fr;gap:1.5rem}.course-meta{gap:.75rem}.meta-item{font-size:.8rem}}@media (max-width:480px){.courses-header{margin-bottom:2rem}.courses-header h1{font-size:1.75rem}.course-content{padding:1rem}.course-footer{padding:.75rem 1rem}}