.card{position:absolute;top:0;left:50%;transform-origin:top center;transform:translateX(-50%);width:440px;height:240px;background:linear-gradient(to right,rgba(255,255,255,1),#ffd700);border-radius:24px;padding:16px;border:1px solid #e5e7eb;box-shadow:0 10px 15px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between;will-change:transform,z-index;transition:transform .5s ease,z-index .5s ease}.card-content{font-size:16px;color:rgba(0,0,0,1);font-weight:700}.card-footer{display:flex;flex-direction:column}.card-name{font-size:14px;font-weight:medium;color:rgba(0,0,0,1)}.card-designation{font-size:14px;font-weight:400;color:rgba(0,0,0,1)}.slide-to-top{animation:slideToTop .5s ease forwards}.slide-to-back{animation:slideToBack .5s ease forwards}@media (max-width:768px){.card{width:300px;height:200px;padding:12px}.card-content{font-size:14px}.card-name{font-size:12px}.card-designation{font-size:10px}}