#courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-top:3rem}.course-card{transition:all .6s cubic-bezier(.4, 0, .2, 1);opacity:0;transform:translateY(2rem)}.course-card.animate-in{opacity:1;transform:translateY(0)}.course-card:hover{transform:scale(1.02)!important}.course-card .group:hover .absolute.inset-0.bg-gradient-to-r{opacity:1}.course-card .group:hover .w-20.h-20{transform:scale(1.1) rotate(3deg)}.course-card .group:hover h3{color:#dc2626}.course-explore-btn{position:relative;overflow:hidden}.course-explore-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.course-explore-btn:hover::before{left:100%}.skills-tag{transition:all .3s ease}.skills-tag:hover{border-color:#dc2626!important;color:#dc2626!important;background-color:#fef2f2!important}@media (max-width:1200px){#courses-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}}@media (max-width:900px){#courses-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:768px){#courses-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.course-card:hover{transform:none!important}}@media (max-width:600px){.course-card .p-8{padding:1.5rem!important}.course-card .flex.items-start.gap-5{flex-direction:column!important;gap:1rem!important}.course-card .w-20.h-20{width:4rem!important;height:4rem!important}.course-card .text-2xl{font-size:1.25rem!important}}.course-icon{transition:all .5s cubic-bezier(.4, 0, .2, 1)}.course-card:hover .course-icon{transform:scale(1.1) rotate(3deg)}.price-section{background:linear-gradient(135deg,#fef2f2,#faf5ff);border:1px solid #fecaca;transition:all .3s ease}.course-card:hover .price-section{box-shadow:0 4px 20px rgba(220,38,38,.1)}.course-stats{background-color:#f9fafb;transition:background-color .3s ease}.course-card:hover .course-stats{background-color:#f3f4f6}.course-title{transition:color .3s ease}.course-card:hover .course-title{color:#dc2626}.course-card-skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.course-explore-btn:focus{outline:2px solid #dc2626;outline-offset:2px}.course-card:focus-within{outline:2px solid #dc2626;outline-offset:4px}.course-card-shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);transition:box-shadow .3s ease}.course-card:hover .course-card-shadow{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}