.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}.course-details-card{transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.course-details-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.3);border-color:rgba(255,193,7,.3)}@media (min-width:768px){.course-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.course-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.course-grid{grid-template-columns:repeat(6,1fr)}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.category-nav-item{position:relative;min-width:-moz-fit-content;min-width:fit-content}.category-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);background:none!important;border:none!important;box-shadow:none!important;outline:none!important}.category-nav-item:hover .category-icon-wrapper{transform:scale(1.1)}.category-nav-item.active{background:none!important}.category-nav-item.active .category-icon-wrapper{color:#fbbf24!important;background:none!important;border:none!important;box-shadow:none!important;outline:none!important}.category-nav-item.active .category-icon-wrapper svg{color:#fbbf24!important;fill:#fbbf24!important;stroke:#fbbf24!important}.hero-section{background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(0,0,0,.4))}.course-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.course-card:hover{transform:translateY(-8px)}.course-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,193,7,.1),rgba(255,152,0,.1));opacity:0;transition:opacity .3s ease;border-radius:.5rem;z-index:-1}.course-card:hover:before{opacity:1}.course-cover{position:relative;width:100%;padding-top:150%;border-radius:.5rem;overflow:hidden;background-color:#374151;display:flex;flex-direction:column;min-height:400px;min-width:250px}.course-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.course-card:hover .course-image{transform:scale(1.05)}.course-content{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;justify-content:center;align-items:center}.new-badge{position:absolute;top:.75rem;left:.75rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px rgba(59,130,246,.3);animation:glow 2s ease-in-out infinite alternate}.watch-trailer-btn{display:flex;align-items:center;gap:.5rem;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.3);color:white;padding:.5rem 1rem;border-radius:.25rem;font-size:.875rem;font-weight:500;transition:all .3s ease;cursor:pointer}.watch-trailer-btn:hover{background:rgba(0,0,0,.9);border-color:rgba(255,255,255,.5);transform:translateY(-1px)}@keyframes glow{0%{box-shadow:0 2px 8px rgba(59,130,246,.3)}to{box-shadow:0 2px 16px rgba(59,130,246,.6)}}.cta-button{background:linear-gradient(135deg,#ffc107,#ff9800);box-shadow:0 4px 20px rgba(255,193,7,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,193,7,.4)}.nav-scroll-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.nav-scroll-btn:hover{background:rgba(255,193,7,.1);border-color:rgba(255,193,7,.3);transform:scale(1.1)}.header-backdrop{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(0,0,0,.8);border-bottom:1px solid rgba(255,255,255,.1)}*{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.category-nav-item{min-width:80px}.category-icon-wrapper{width:32px;height:32px}.course-card{margin-bottom:1rem}.hero-section h1{font-size:2.5rem}}@media (max-width:640px){.hero-section h1{font-size:2rem}.cta-button{padding:.75rem 1.5rem;font-size:1rem}}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.interactive-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.interactive-hover:hover{transform:translateY(-2px)}.text-gradient{background:linear-gradient(135deg,#ffffff,#ffc107);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-shadow{box-shadow:0 4px 20px rgba(0,0,0,.3)}.card-shadow:hover{box-shadow:0 8px 40px rgba(0,0,0,.4)}