.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#ec4899 #f1f5f9}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ec4899,#d946ef,#fbbf24);border-radius:10px;transition:all .3s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#be185d,#a21caf,#f59e0b)}.dark .custom-scrollbar{scrollbar-color:#fbbf24 #374151}.dark .custom-scrollbar::-webkit-scrollbar-track{background:#374151}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes pulse-gradient{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(236,72,153,.3)}50%{box-shadow:0 0 30px rgba(236,72,153,.6)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.course-card-hover{transition:all .4s cubic-bezier(.4,0,.2,1)}.course-card-hover:hover{transform:translateY(-4px);animation:glow 2s ease-in-out infinite}.progress-bar-animated{position:relative;overflow:hidden}.progress-bar-animated:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.status-badge{transition:all .3s ease;position:relative;overflow:hidden}.status-badge: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}.status-badge:hover:before{left:100%}.completion-badge{animation:float 3s ease-in-out infinite}.lesson-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.lesson-item:hover{transform:translateX(8px)}.gradient-text-animated{background:linear-gradient(-45deg,#ec4899,#d946ef,#8b5cf6,#06b6d4,#10b981,#fbbf24);background-size:400% 400%;animation:gradient 4s ease infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.enhanced-border{position:relative}.enhanced-border:before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(45deg,#ec4899,#d946ef,#8b5cf6,#fbbf24);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.enhanced-border:hover:before{opacity:1}.progress-spinner{border:3px solid #f3f4f6;border-top-color:#ec4899;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.section-divider{height:2px;background:linear-gradient(90deg,transparent,#ec4899,#d946ef,#8b5cf6,#fbbf24,transparent);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@media (max-width:768px){.course-card-hover:hover{transform:none;animation:none}.lesson-item:hover{transform:none}}.dark .progress-bar-animated:after{background:linear-gradient(90deg,transparent,rgba(251,191,36,.3),transparent)}.dark .status-badge:before{background:linear-gradient(90deg,transparent,rgba(251,191,36,.2),transparent)}@media (prefers-reduced-motion:reduce){.completion-badge,.course-card-hover,.gradient-text-animated,.lesson-item,.progress-bar-animated:after{animation:none;transition:none}.course-card-hover:hover,.lesson-item:hover{transform:none}}@media print{.course-card-hover,.lesson-item{box-shadow:none!important;animation:none!important}}