.course-card-container{position:relative;margin:15px}.course-card{width:300px;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);background-color:#fff;transition:transform .2s,box-shadow .3s}.course-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.15)}.course-card-image-container{width:100%;height:180px;overflow:hidden;position:relative}.course-card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s;cursor:pointer}.course-card-content{padding:15px}.course-card-title{font-size:18px;font-weight:700;margin:0 0 10px;color:#214d2f;line-height:1.3;height:48px;-webkit-line-clamp:2}.course-card-description,.course-card-title{font-family:Helvetica,sans-serif;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.course-card-description{font-size:14px;color:#555;margin-bottom:15px;line-height:1.5;height:63px;-webkit-line-clamp:3}.course-card-footer{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid #eee}.course-card-view-btn{font-size:14px;padding:6px 12px;background-color:#214d2f!important;color:white!important;border:none;flex:1;margin-right:10px}.course-card-button{font-size:14px;padding:6px 12px;background-color:#ffbc27!important;border-color:#ffbc27!important;color:#214d2f!important;font-weight:700;flex:1}.course-card-button:hover,.course-card-view-btn:hover{opacity:.9;transform:translateY(-2px)}.course-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.7);padding:20px}.course-popup-container{background-color:white;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:popupFadeIn .3s ease-out}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.course-popup-close{position:absolute;top:15px;right:15px;background-color:rgba(255,255,255,.9);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:background-color .2s}.course-popup-close:hover{background-color:#eee}.course-popup-image-container{width:100%;height:250px;position:relative}.course-popup-image{width:100%;height:100%;object-fit:cover}.course-popup-header{padding:20px 20px 5px}.course-popup-title{font-size:24px;font-weight:700;color:#214d2f;margin:0}.course-popup-content{padding:0 20px 20px;color:#444;line-height:1.6;font-size:16px}.course-popup-content img{max-width:100%;height:auto}.course-popup-button{margin:0 20px 20px;padding:12px;width:calc(100% - 40px);background-color:#ffbc27!important;border-color:#ffbc27!important;color:#214d2f!important;font-weight:700;font-size:16px;transition:all .3s}.course-popup-button:hover{background-color:#f0b01f!important;transform:translateY(-3px);box-shadow:0 4px 12px rgba(255,188,39,.3)}@media (max-width:768px){.course-card{width:280px}.course-card-image-container{height:160px}.course-popup-title{font-size:20px}.course-popup-image-container{height:180px}}@media (max-width:576px){.course-card{width:100%;max-width:320px}.course-card-footer{flex-direction:column;gap:10px}.course-card-button,.course-card-view-btn{width:100%;margin-right:0}}