.tab-button,.user-profile-block{transition:all .3s ease}.tab-button{position:relative}.tab-button.active{background-color:hsla(0,0%,100%,.1)}.tab-button:not(.active):hover{background-color:hsla(0,0%,100%,.05)}.tab-content{transition:opacity .3s ease}.tab-content.active{opacity:1}.tab-content:not(.active){opacity:0}.course-card{border:1px solid #e5e7eb;transition:all .3s ease}.course-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.1);transform:translateY(-2px)}.course-thumbnail{overflow:hidden;position:relative}.course-thumbnail:before{background:linear-gradient(135deg,rgba(139,113,168,.8),rgba(122,95,151,.9));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.course-thumbnail img,.course-thumbnail svg{position:relative;z-index:2}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.profile-header{border-bottom:1px solid #e5e7eb}@media (max-width:768px){.profile-header{space-x:0;space-y:1rem;flex-direction:column;text-align:center}.profile-header .flex-shrink-0{align-self:center}.grid{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}.course-card.loading{opacity:.7;pointer-events:none}.course-card.loading .course-thumbnail{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tab-button:focus{outline:2px solid hsla(0,0%,100%,.5);outline-offset:2px}.course-card:focus-within{outline:2px solid #8b71a8;outline-offset:2px}