.course-card{text-align:left;will-change:transform;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(135deg,#d04692,#1c374d);border-radius:1rem;width:100%;max-width:320px;height:280px;margin-top:11rem;padding:1rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:visible;box-shadow:0 4px 10px #0003}.course-card:hover{transform:translateY(-25px)scale(1.05);box-shadow:0 6px 15px #0009}@media (max-width:768px){.course-card:hover{transform:translateY(-10px)scale(1.02)}.course-card:active{transform:translateY(-5px)scale(1.01)}}@media (prefers-reduced-motion:reduce){.course-card{transition:none}.course-card:hover{transform:none}}.course-card:before{content:"";-webkit-mask-composite:destination-out;z-index:0;opacity:0;background:linear-gradient(135deg,#d04692,#1c374d);border-radius:1rem;padding:3px;transition:opacity .3s,background-position 3s ease-in-out;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.course-card:hover:before{opacity:1;background-position:200% 0;animation:3s ease-in-out infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}.image-wrapper{z-index:1;justify-content:center;width:100%;height:100%;margin:0;padding:0;display:flex;position:absolute;top:-60%;left:0}.course-image{-o-object-fit:contain;object-fit:contain;z-index:2}.course-content{width:100%;height:50%;padding:1.5rem 1rem 1rem;position:relative;top:40%}.course-title{color:#fff;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.course-description{color:#e0e0e0;font-size:1rem;line-height:1.5}@media (max-width:640px){.course-card{margin-top:45%}}