.course-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:stretch;padding:1rem;max-width:1400px;margin:0 auto}.course-card-elegant{display:flex;flex-direction:column;width:100%;max-width:360px;min-height:280px;aspect-ratio:16/10;margin:0 auto;position:relative}@media (max-width:480px){.course-package-grid{grid-template-columns:1fr;gap:.75rem;padding:.5rem;max-width:420px}.course-card-elegant{max-width:100%;min-height:260px}}@media (min-width:481px) and (max-width:768px){.course-package-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem;max-width:800px}.course-card-elegant{max-width:100%}}@media (min-width:769px) and (max-width:1024px){.course-package-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;max-width:1000px}}@media (min-width:1025px) and (max-width:1440px){.course-package-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem}}@media (min-width:1441px){.course-package-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;padding:1.25rem}}.course-card-elegant{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.course-card-elegant:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04),0 0 0 1px hsla(0,0%,100%,.05)}.dark .course-card-elegant{box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.dark .course-card-elegant:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05)}.course-card-elegant{transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1)}.course-card-elegant:hover{transform:translateY(-8px) scale(1.02)}.course-card-elegant button{position:relative;overflow:hidden}.course-card-elegant button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.course-card-elegant button:hover:before{left:100%}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.scrollable::-webkit-scrollbar{width:6px;height:6px}.scrollable::-webkit-scrollbar-track{background:transparent}.scrollable::-webkit-scrollbar-thumb{background:rgba(156,163,175,.5);border-radius:3px}.scrollable::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.7)}.dark .scrollable::-webkit-scrollbar-thumb{background:rgba(75,85,99,.5)}.dark .scrollable::-webkit-scrollbar-thumb:hover{background:rgba(75,85,99,.7)}.course-card-elegant:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(59,130,246,.1),transparent 50%);opacity:0;transition:opacity .5s ease;pointer-events:none}.course-card-elegant:hover:after{opacity:1}.course-card-elegant .inline-flex:first-child{transform:translateY(0);transition:transform .3s ease}.course-card-elegant:hover .inline-flex:first-child{transform:translateY(-2px)}.course-card-elegant>div:first-child>div{transform:scale(.9);opacity:0;animation:slideIn .3s ease forwards}@keyframes slideIn{to{transform:scale(1);opacity:1}}.course-card-elegant .text-2xl{position:relative;display:inline-block}.course-card-elegant:hover .text-2xl{animation:bounce .5s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.course-card-elegant{background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark .course-card-elegant{background:rgba(30,41,59,.8)}.course-card-elegant:before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(147,51,234,.3));border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;transition:opacity .3s ease}.course-card-elegant:hover:before{opacity:1}