body{align-items:center;background-attachment:fixed;background-image:url(/frontend/asset/img/background-image.png);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:row;height:100%;justify-content:center;margin:0;overflow-x:hidden;padding:0}.image-wrapper{height:100%;position:relative;width:100%}.image-wrapper img{display:block;height:auto;width:100%}.image-overlay{background-color:rgba(0,0,0,.4);border-radius:inherit;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.dark-theme{background-image:url(/frontend/asset/img/background-dark.png)}body,html{height:100%;margin:0;padding:0}.page,body,html{display:flex;flex-direction:column;width:100%}.page{min-height:100%}.header.scrolled{background-color:rgba(56,199,166,.8);box-shadow:0 2px 5px rgba(0,0,0,.1);transition:all .3s ease}.main-content{flex:1;margin-top:50px;width:100%}.course-page-wrapper{align-items:flex-start;display:flex}.arrow{cursor:pointer;height:40px;margin-bottom:40px;margin-left:15px;margin-top:20px;transform:rotate(180deg);transition:transform .3s ease;width:40px}.course-results-container{flex:1;min-width:0;padding-bottom:20px}.no-results-wrapper{align-items:center;display:none;justify-content:center;min-height:400px;padding:0 20px}.no-results-message{align-items:center;display:flex;flex-direction:column;text-align:center}.frog-image{height:auto;max-width:200px}.search-result-message{color:#003529;font-size:18px;font-weight:700}.dark-theme .search-result-message{color:#01ae86}.content-container{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:50px;padding:0 20px;width:100%}.course-cards-container{box-sizing:border-box;display:grid;gap:30px;grid-template-columns:repeat(5,1fr);justify-content:center;margin-top:20px;padding:20px;width:100%}.course-card-wrapper{display:block;width:100%}.course-card{border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,.2);box-sizing:border-box;height:140px;max-width:100%;overflow:hidden;position:relative;width:100%}.course-card img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.course-duration{color:#ffba00;font-weight:700;left:5px;padding:3px 6px;top:5px}.course-duration,.course-info{font-size:12px;position:absolute}.course-info{bottom:5px;color:#fff;justify-content:flex-start;left:10px;z-index:2}.course-info,.course-rating{align-items:center;display:flex}.course-rating{color:#ffba00;gap:3px}.star-icon{height:12px;margin:0 15px;width:12px}.favorite-button{background:none;border:none;cursor:pointer;position:absolute;right:15px;top:15px;z-index:2}.favorite-button img.heart-icon{height:20px;width:20px}.cart-button{background:none;border:none;bottom:25px;cursor:pointer;position:absolute;right:15px;z-index:2}.cart-button img{height:22px;width:22px}.course-details{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;justify-content:space-between;margin-top:8px;text-align:center;width:100%}.course-title{color:#003529;flex:1 1 auto;font-size:16px;font-weight:700;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-theme .course-title{color:#01c597}.course-price{color:#003529;flex-shrink:0;font-size:14px;font-weight:700}.dark-theme .course-price{color:#01c597}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.course-card-wrapper[hidden]{display:none!important}.pagination-button{background-color:#9fe2bf;border:1px solid #009b77;border-radius:5px;color:#009b77;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .3s,color .3s}.pagination-button.active,.pagination-button:hover{background-color:#009b77;color:#fff}.pagination-ellipsis{color:#009b77;font-size:14px}.custom-toast-container{align-items:center;display:flex;flex-direction:column;gap:10px;left:50%;position:fixed;top:20px;transform:translateX(-50%);z-index:9999}.custom-toast{animation:fadeInOut 3s ease forwards;background-color:#ffba00;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;font-size:14px;max-width:300px;min-width:200px;opacity:0;padding:12px 20px;text-align:center}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width:1024px){.course-cards-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.course-cards-container{gap:15px;grid-template-columns:repeat(1,1fr)}.filter-toggle-button{margin-left:10px}.main-content{max-width:400px}}@media (min-width:1200px){.main-content{min-width:500px}}