*{padding:0;border:0px;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f7fb}.courses-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;padding:30px}.course-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease}.course-card:hover{transform:translateY(-6px);box-shadow:0 8px 18px #00000026}.course-title{font-size:18px;font-weight:600;color:#222;margin-bottom:10px}.course-desc{font-size:14px;color:#555;flex-grow:1;margin-bottom:15px;line-height:1.5}.course-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.course-price{font-size:16px;font-weight:700;color:#2e7d32}.enroll-btn{background:linear-gradient(135deg,#1976d2,#42a5f5);color:#fff;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:transform .2s ease,background .2s ease}.enroll-btn:hover{background:linear-gradient(135deg,#1565c0,#1e88e5);transform:scale(1.05)}.loading{color:#00f;font-weight:700;text-align:center}.error{color:red;font-weight:700;text-align:center}@media (max-width: 768px){.courses-container{padding:20px}.course-title{font-size:16px}.course-desc{font-size:13px}.enroll-btn{font-size:13px;padding:8px 12px}}