.overlay-profile.active,.profile-card:hover .overlay-profile{opacity:1;transform:translateY(0)}.profile-card{position:relative;transition:.3s;background-color:var(--surface-color);border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.08);height:100%;transition:transform .3s,box-shadow .3s}.profile-card h4{font-size:1.25rem;font-weight:600;margin:10px 0 5px}.profile-card p.bio{font-size:.9rem;line-height:1.5;margin:0}.overlay-profile{position:absolute;bottom:0;left:0;right:0;height:80px;background:rgba(0,0,0,.7);color:#fff;opacity:0;transform:translateY(100%);transition:.3s;padding:1rem;display:flex;flex-direction:column;justify-content:flex-end}.toggle-btn,.toggle-btn.active{background-color:#08915e}.overlay-profile.active{height:100%;top:0}.overlay-preview{display:block}.overlay-content{max-height:0;overflow:hidden;transition:max-height .3s;overflow-y:auto;overflow-wrap:break-word;margin-top:.5rem}.overlay-profile.active .overlay-preview{display:none}.overlay-profile.active .overlay-content{max-height:300px}.toggle-btn{padding:5px 15px!important;font-weight:700!important;border:2px solid var(--accent-color);font-size:12px}.overlay-content::-webkit-scrollbar{width:8px}.overlay-content::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.overlay-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.5);border-radius:4px}.flex{display:flex}.flex-col{flex-direction:column}.rounded-lg{border-radius:.5rem}.w-full{width:100%}.max-w-full{max-width:100%}.h-96{height:24rem}.max-w-xs{max-width:20rem}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.duration-300{transition-duration:.3s}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.swiper-button-next,.swiper-button-prev{color:#333!important}