@keyframes modern-aurora-drift-6c9738b8{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-25px) scale(1.06)}66%{transform:translate(-30px,20px) scale(.96)}}@keyframes modern-edge-flow-6c9738b8{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes modern-word-in-6c9738b8{to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes modern-fade-up-6c9738b8{to{opacity:1;transform:translateY(0)}}@keyframes modern-pulse-6c9738b8{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes scuba-bubble-rise-6c9738b8{0%{transform:translateY(0) translate(0);opacity:0}15%{opacity:.65}85%{opacity:.55}to{transform:translateY(calc(-100vh - 80px)) translate(20px);opacity:0}}.course-title[data-v-6c9738b8]{font-size:20px}.course-item.clickable[data-v-6c9738b8]{cursor:pointer}.course-img .course-image-instructor[data-v-6c9738b8]{position:absolute;bottom:0;right:10px;transform:translateY(50%)}.course-footer[data-v-6c9738b8]{display:flex;justify-content:space-between;align-items:center}.course-footer-price[data-v-6c9738b8]{display:flex;align-items:center;gap:.5rem}.course-item.is-coming-soon .course-img[data-v-6c9738b8] img{filter:grayscale(30%) brightness(.95)}.coming-soon-badge[data-v-6c9738b8]{display:inline-flex;align-items:center;gap:.375rem;background:#f59e0b1f;color:#92400e;padding:.3rem .7rem;border:1px solid rgba(245,158,11,.28);border-radius:999px;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;cursor:default}.dark .coming-soon-badge[data-v-6c9738b8]{background:#f59e0b29;color:#fcd34d;border-color:#f59e0b59}.course-item[data-v-b4abef4a]{display:flex;gap:1rem;width:100%}.course-item.clickable[data-v-b4abef4a]{cursor:pointer}.course-item .course-title-wrapper[data-v-b4abef4a]{padding-right:50px;height:auto!important;position:relative}.course-item .course-title-wrapper .course-image-instructor[data-v-b4abef4a]{position:absolute;top:50%;right:0;transform:translateY(-50%)}.course-item .course-title-wrapper .course-title[data-v-b4abef4a]{font-size:24px}.course-item .course-img[data-v-b4abef4a]{max-width:175px;width:100%;height:auto;overflow:hidden}@media(max-width:767.98px){.course-item .course-img[data-v-b4abef4a]{max-width:unset;max-height:230px}}@media(max-width:575.98px){.course-item .course-img[data-v-b4abef4a]{max-width:unset;max-height:170px}}@media(max-width:319.98px){.course-item .course-img[data-v-b4abef4a]{max-width:unset;max-height:130px}}.course-item .course-img img[data-v-b4abef4a]{object-fit:cover;transition:.3s}@media(max-width:767.98px){.course-item .course-img img[data-v-b4abef4a]{height:auto}}.course-item .course-footer[data-v-b4abef4a]{display:flex;flex-direction:row!important;justify-content:space-between;gap:10px}.course-item.is-coming-soon .course-img[data-v-b4abef4a] img{filter:grayscale(30%) brightness(.95)}.coming-soon-badge[data-v-b4abef4a]{display:inline-flex;align-items:center;gap:.375rem;background:#f59e0b1f;color:#92400e;padding:.3rem .7rem;border:1px solid rgba(245,158,11,.28);border-radius:999px;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;cursor:default}.dark .coming-soon-badge[data-v-b4abef4a]{background:#f59e0b29;color:#fcd34d;border-color:#f59e0b59}@keyframes modern-aurora-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-25px) scale(1.06)}66%{transform:translate(-30px,20px) scale(.96)}}@keyframes modern-edge-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes modern-word-in{to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes modern-fade-up{to{opacity:1;transform:translateY(0)}}@keyframes modern-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes scuba-bubble-rise{0%{transform:translateY(0) translate(0);opacity:0}15%{opacity:.65}85%{opacity:.55}to{transform:translateY(calc(-100vh - 80px)) translate(20px);opacity:0}}.course-item{position:relative;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:18px;margin-bottom:24px;padding:20px;box-shadow:inset 0 1px #ffffff80,0 2px 8px #0a1a360a,0 8px 24px #0a1a360f;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .25s ease,box-shadow .25s ease}.dark .course-item{background:var(--bg-elevated);box-shadow:inset 0 1px #ffffff0f,0 2px 10px #0000004d,0 8px 24px #0006}.course-item.clickable:hover{transform:translateY(-4px);border-color:#0077b64d;box-shadow:inset 0 1px #fff9,0 12px 28px #0077b61f,0 24px 48px #0a1a361a}.dark .course-item.clickable:hover{border-color:#0077b673;box-shadow:inset 0 1px #ffffff14,0 12px 28px #0006,0 24px 48px #00000080}.course-item .course-img{position:relative;z-index:1;border-radius:14px;margin-bottom:24px}.course-item .course-img>a{display:block;border-radius:inherit;overflow:hidden}.course-item .course-img img{transition:transform .5s cubic-bezier(.22,1,.36,1)}.course-item .course-img .fav-icon{width:28px;height:28px;background:var(--bg-surface);backdrop-filter:blur(10px);border:1px solid var(--border-default);display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff80,0 2px 6px #0a1a361f}.dark .course-item .course-img .fav-icon{background:#ffffff14;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff14,0 2px 6px #0006}.course-item .course-img .fav-icon:hover{color:#00b4d8;border-color:#00b4d866}.course-item .course-img .badge{margin-bottom:10px;font-weight:500}.course-item.clickable:hover .course-img>a img{transform:scale(1.04)}.course-item .course-content{position:relative}.course-item .course-content .course-title-wrapper{height:81px;margin-bottom:15px}.course-item .course-content .course-title-wrapper .course-title{font-weight:800;letter-spacing:-.01em;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color .25s ease}.course-item .course-content .course-title-wrapper .course-instructor{font-size:14px;color:var(--color-body);font-style:italic}.course-item .course-content .course-description{font-size:.875rem;line-height:1.5;color:var(--color-body)}.course-item.clickable:hover .course-title a{color:#0077b6}.dark .course-item.clickable:hover .course-title a{color:#27b4ff}.course-item .course-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--border-default);padding-top:15px}
