.course-card{display:flex;width:100%;flex-direction:column;overflow:hidden;border-radius:.75rem;border-width:1px;border-color:hsl(var(--primary)/.05);background-color:hsl(var(--card));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.course-card:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:hsl(var(--primary)/.1);--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);--tw-shadow-color:hsl(var(--primary)/0.05);--tw-shadow:var(--tw-shadow-colored)}.course-card--featured,.course-card:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.course-card--featured{border-color:hsl(var(--primary)/.2);--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);--tw-shadow-color:hsl(var(--primary)/0.1);--tw-shadow:var(--tw-shadow-colored);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary)/0.05)}.course-card__image-wrapper{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background-color:hsl(var(--muted))}.course-card__image{-o-object-fit:cover;object-fit:cover;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;animation-duration:.5s}.course-card__image-overlay{position:absolute;inset:0;background-image:linear-gradient(to top,var(--tw-gradient-stops));--tw-gradient-from:hsl(var(--card)/0.95) var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:hsl(var(--card)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsl(var(--card)/0.2) var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position)}.course-card__badges{position:absolute;top:.75rem;left:.75rem;z-index:20;display:flex;flex-direction:column;gap:.375rem}.course-card__provider-badge{border-radius:calc(var(--radius) - 2px);border-width:1px;border-color:hsl(var(--primary)/.1);background-color:hsl(var(--card)/.9);padding:.125rem .5rem;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:hsl(var(--foreground));--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.course-card__payback-badge{background-color:rgb(255 237 213/var(--tw-bg-opacity,1));color:rgb(234 88 12/var(--tw-text-opacity,1))}.course-card__level-badge,.course-card__payback-badge{border-radius:9999px;--tw-bg-opacity:1;padding:.25rem .5rem;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity:1}.course-card__level-badge{background-color:rgb(219 234 254/var(--tw-bg-opacity,1));color:rgb(37 99 235/var(--tw-text-opacity,1))}.course-card__top-choice-badge{position:absolute;bottom:.75rem;left:.75rem;z-index:20;display:flex;align-items:center;gap:.375rem;border-radius:9999px;background-color:hsl(var(--primary));padding:.25rem .625rem;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:hsl(var(--primary-foreground));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:hsl(var(--primary)/0.2);--tw-shadow:var(--tw-shadow-colored)}.course-card__bell-button{position:absolute;top:.75rem;right:.75rem;z-index:20;border-radius:var(--radius);border-width:1px;border-color:hsl(var(--primary)/.1);background-color:hsl(var(--card)/.9);padding:.375rem;color:hsl(var(--muted-foreground));--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.course-card__bell-button:hover{background-color:hsl(var(--card));color:hsl(var(--foreground))}.course-card__content{display:flex;flex:1 1 0%;flex-direction:column;gap:.75rem;padding:1rem}@media (min-width:768px){.course-card__content{padding:1.5rem}}.course-card__header{display:flex;flex-direction:column;gap:.375rem}.course-card__rating{gap:.375rem}.course-card__rating,.course-card__rating-stars{display:flex;align-items:center}.course-card__rating-stars>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-.125rem * var(--tw-space-x-reverse));margin-left:calc(-.125rem * calc(1 - var(--tw-space-x-reverse)))}.course-card__rating-value{font-size:.75rem;line-height:1rem;font-weight:500;color:hsl(var(--muted-foreground))}.course-card__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:1.25rem;line-height:1.75rem;font-weight:700;line-height:1.25;color:hsl(var(--foreground))}@media (min-width:768px){.course-card__title{font-size:1.5rem;line-height:2rem}}.course-card__description{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.75rem;line-height:1rem;line-height:1.375;color:hsl(var(--muted-foreground))}.course-card__skills{display:flex;flex-wrap:wrap;gap:.25rem}.course-card__skill-tag{border-radius:calc(var(--radius) - 2px);border-width:1px;border-color:hsl(var(--primary)/.1);background-color:hsl(var(--primary)/.05);padding:.125rem .5rem;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.025em;color:hsl(var(--primary))}.course-card__footer{margin-top:auto;display:flex;flex-direction:column;gap:.75rem;border-top-width:1px;border-color:hsl(var(--primary)/.05);padding:1rem}@media (min-width:768px){.course-card__footer{padding:1.5rem}}.course-card__actions{position:relative;z-index:10;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.course-card__action-button{height:2.25rem;border-radius:var(--radius);font-size:.75rem;line-height:1rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.course-card__action-button--outline{border-width:2px;border-color:hsl(var(--primary)/.1);color:hsl(var(--foreground))}.course-card__action-button--outline:hover{background-color:hsl(var(--muted))}.course-card__action-button--primary{background-color:hsl(var(--primary));font-weight:700;color:hsl(var(--primary-foreground));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:hsl(var(--primary)/0.2);--tw-shadow:var(--tw-shadow-colored)}.course-card__action-button--primary:hover{background-color:hsl(var(--primary)/.9)}.course-card__disclaimer{border-top-width:1px;border-color:hsl(var(--primary)/.05);background-color:hsl(var(--muted)/.5);padding:.375rem .75rem;text-align:center;font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground))}