.courses-container{background:#f8f9fa;min-height:calc(100vh - 60px);padding:40px 20px}.courses-container h1{color:#1a5d1a;max-width:1200px;margin:0 auto 40px;font-size:32px}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;max-width:1200px;margin:0 auto;display:grid}.course-card{background:#fff;border-radius:12px;padding:25px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 12px #00000014}.course-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #1a5d1a26}.course-card h3{color:#333;margin-bottom:8px;font-size:20px}.course-code{color:#1a5d1a;margin-bottom:12px;font-weight:600}.course-description{color:#666;margin-bottom:15px;font-size:14px;line-height:1.6}.course-meta{color:#666;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;justify-content:space-between;margin-bottom:20px;padding:15px 0;font-size:13px;display:flex}.enroll-btn{cursor:pointer;background:linear-gradient(90deg,#1a5d1a,#2d8c2d);border-radius:6px;width:100%;padding:12px;font-weight:600;transition:transform .2s}.enroll-btn:hover{transform:scale(1.02)}@media (max-width:768px){.courses-container{padding:30px 15px}.courses-container h1{text-align:center;margin-bottom:30px;font-size:26px}.courses-grid{grid-template-columns:1fr;gap:20px}.course-card{padding:20px}.course-card h3{font-size:18px}.course-meta{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:480px){.courses-container{padding:20px 12px}.courses-container h1{font-size:24px}.course-card{padding:16px}.course-card h3{font-size:17px}.course-description{font-size:13px}.enroll-btn{padding:14px;font-size:15px}}