.course .icon-start-4\/5::before{content:"";background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="88" height="18" viewBox="0 0 535 110"><defs><radialGradient id="b" gradientUnits="userSpaceOnUse" cx="80" cy="80" r="80"><stop offset="0%" stop-color="%23ffeb3b"/><stop offset="100%" stop-color="%23fff176"/></radialGradient><linearGradient id="c" x1="0" y1="0" x2="1" y2="0"><stop offset="50%" stop-color="%23ffeb3b"/><stop offset="50%" stop-color="%23ccc"/></linearGradient></defs><path id="a" d="m56.888 5 12.41 38.199 40.163-.002-32.494 23.606L89.38 105 56.888 81.39 24.396 105 36.81 66.803 4.315 43.197l40.164.002z"/><use href="%23a" fill="url(%23b)"/><use href="%23a" x="105" fill="url(%23b)"/><use href="%23a" x="210" fill="url(%23b)"/><use href="%23a" x="315" fill="url(%23b)"/><use href="%23a" x="420" fill="url(%23c)"/></svg>');width:88px;height:18px;display:inline-block;background-size:contain;background-repeat:no-repeat}.course .course-author::before{content:"";background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 16 16"><g fill="%23666"><path d="M11 6a3 3 0 1 1-6 0a3 3 0 0 1 6 0"/><path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1"/></g></svg>');width:18px;height:18px;display:inline-block;background-size:contain;background-repeat:no-repeat}.course .icon-start-5::before{content:"";background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="88" height="18" viewBox="0 0 535 110"><defs><radialGradient id="b" gradientUnits="userSpaceOnUse" cx="80" cy="80" r="80"><stop offset="0%" stop-color="%23ffeb3b"/><stop offset="100%" stop-color="%23fff176"/></radialGradient></defs><path id="a" d="m56.888 5 12.41 38.199 40.163-.002-32.494 23.606L89.38 105 56.888 81.39 24.396 105 36.81 66.803 4.315 43.197l40.164.002z"/><use href="%23a" fill="url(%23b)"/><use href="%23a" x="105" fill="url(%23b)"/><use href="%23a" x="210" fill="url(%23b)"/><use href="%23a" x="315" fill="url(%23b)"/><use href="%23a" x="420" fill="url(%23b)"/></svg>');width:88px;height:18px;display:inline-block;background-size:contain;background-repeat:no-repeat}.course .icon-start-4::before{content:"";background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="88" height="18" viewBox="0 0 535 110"><defs><radialGradient id="b" gradientUnits="userSpaceOnUse" cx="80" cy="80" r="80"><stop offset="0%" stop-color="%23ffeb3b"/><stop offset="100%" stop-color="%23fff176"/></radialGradient></defs><path id="a" d="m56.888 5 12.41 38.199 40.163-.002-32.494 23.606L89.38 105 56.888 81.39 24.396 105 36.81 66.803 4.315 43.197l40.164.002z"/><use href="%23a" fill="url(%23b)"/><use href="%23a" x="105" fill="url(%23b)"/><use href="%23a" x="210" fill="url(%23b)"/><use href="%23a" x="315" fill="url(%23b)"/><use href="%23a" x="420" fill="%23ccc"/></svg>');width:88px;height:18px;display:inline-block;background-size:contain;background-repeat:no-repeat}.course{margin-bottom:1rem}.course{width:320px}.course .course-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px rgb(0 0 0 / .1);overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease}.course .course-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgb(0 0 0 / .15)}.course .image-container{position:relative;overflow:hidden;border-radius:12px}.course .image-container img{aspect-ratio:8/5;object-fit:cover}@media (max-width:480px){.course .image-container img{width:100%}.course{width:300px}}.course .badge{position:absolute;top:10px;left:10px;background:#ff7a00;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:12px}.course .course-content{padding:15px}.course .course-title{font-size:15px;font-weight:600;margin:0 0 5px;color:#222}.course .course-author{gap:6px;display:flex;align-items:center;color:#666;font-size:13px;margin-bottom:8px}.course .course-description{font-size:13px;color:#444;margin-bottom:10px}.course .rating{color:#f1c40f;font-size:14px;margin-bottom:8px}.course .rating-score{color:#444;display:flex;align-items:center;font-weight:500;gap:4px}.course .price{display:flex;align-items:center;gap:8px}.course .current-price{color:#e53935;font-weight:700;font-size:16px}.course .old-price{color:#999;text-decoration:line-through;font-size:13px}