.course-card[data-v-4c7daa9e]{perspective:1000px;transform-style:preserve-3d}.course-card>div[data-v-4c7daa9e]{backface-visibility:hidden}.aspect-w-16[data-v-4c7daa9e]{position:relative;padding-bottom:56.25%}.aspect-w-16>img[data-v-4c7daa9e]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.animation-delay-1000[data-v-4c7daa9e]{animation-delay:1s}.animation-delay-2000[data-v-4c7daa9e]{animation-delay:2s}.line-clamp-2[data-v-4c7daa9e]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card[data-v-4c7daa9e]:hover{transform:translateY(-16px) scale(1.02)}.bg-gradient-to-r[data-v-4c7daa9e]{background-size:200% 200%;animation:gradient-shift-4c7daa9e 3s ease infinite}@keyframes gradient-shift-4c7daa9e{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.pagination-button[data-v-4c7daa9e]{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#f9fafb;color:#374151;border:1px solid #d1d5db}.pagination-button[data-v-4c7daa9e]:hover{transform:translateY(-2px);background-color:#f3f4f6;color:#4f46e5;border-color:#a5b4fc}.pagination-button.bg-gradient-to-r[data-v-4c7daa9e]{background:linear-gradient(to right,#4f46e5,#2563eb)!important;color:#fff!important;border:2px solid #1d4ed8!important;box-shadow:0 4px 6px -1px #4f46e54d!important}@media (max-width: 900px){.course-grid[data-v-4c7daa9e]{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width: 901px) and (max-width: 1200px){.course-grid[data-v-4c7daa9e]{grid-template-columns:repeat(2,minmax(0,1fr))}}.animation-delay-1000[data-v-e1ab6c13]{animation-delay:1s}.filter-button[data-v-e1ab6c13]:hover{transform:translateY(-2px)}.sort-dropdown select[data-v-e1ab6c13]:hover{transform:translateY(-1px)}.filters-panel[data-v-e1ab6c13]{transition:all .5s cubic-bezier(.4,0,.2,1)}.filter-button[data-v-e1ab6c13]{box-shadow:0 2px 4px #0000001a}.filter-button[data-v-e1ab6c13]:hover{box-shadow:0 4px 8px #00000026}.filter-button.bg-gradient-to-r[data-v-e1ab6c13]{background:linear-gradient(to right,#4f46e5,#2563eb)!important;color:#fff!important;border:2px solid #1d4ed8!important;box-shadow:0 10px 15px -3px #4f46e54d!important}.bg-gradient-to-r[data-v-e1ab6c13]{background-size:200% 200%;animation:gradient-shift-e1ab6c13 3s ease infinite}@keyframes gradient-shift-e1ab6c13{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.layout-container[data-v-2d822f49]{position:relative;min-height:100vh}.category-card[data-v-2d822f49]:hover{transform:translateY(-16px)}.bg-gradient-to-r[data-v-2d822f49]{background-size:200% 200%;animation:gradient-shift-2d822f49 3s ease infinite}@keyframes gradient-shift-2d822f49{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 640px){.hero-title[data-v-2d822f49]{font-size:3rem}.hero-subtitle[data-v-2d822f49]{font-size:1.25rem}}@keyframes spin-slow-2d822f49{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow[data-v-2d822f49]{animation:spin-slow-2d822f49 20s linear infinite}.animation-delay-100[data-v-2d822f49]{animation-delay:.1s}.animation-delay-200[data-v-2d822f49]{animation-delay:.2s}.animation-delay-500[data-v-2d822f49]{animation-delay:.5s}.animation-delay-1000[data-v-2d822f49]{animation-delay:1s}.animation-delay-1500[data-v-2d822f49]{animation-delay:1.5s}.animation-delay-2000[data-v-2d822f49]{animation-delay:2s}.animation-delay-3000[data-v-2d822f49]{animation-delay:3s}.backdrop-blur-md[data-v-2d822f49]{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.shadow-3xl[data-v-2d822f49]{box-shadow:0 35px 60px -12px #00000040}.category-card[data-v-2d822f49]{opacity:1!important}.category-card[data-v-2d822f49]{perspective:1000px;transform-style:preserve-3d}.category-card>div[data-v-2d822f49]{backface-visibility:hidden}.hero-search input[data-v-2d822f49]::-moz-placeholder{color:#ffffffb3}.hero-search input[data-v-2d822f49]::placeholder{color:#ffffffb3}.hero-search input[data-v-2d822f49]:focus::-moz-placeholder{color:#ffffff80}.hero-search input[data-v-2d822f49]:focus::placeholder{color:#ffffff80}@media (max-width: 900px){.grid.grid-cols-1.md\\:grid-cols-2.lg\\[data-v-2d822f49]:grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}}