.card{position:relative;padding:20px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;overflow:hidden;transition:transform 0.5s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.5s cubic-bezier(0.25,0.8,0.25,1)}.card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:3px;background:#0073e6;transition:transform 0.7s cubic-bezier(0.25,0.8,0.25,1);transform:translateX(0)}.card:hover::before{transform:translateX(100%)}.card:hover{transform:translateY(-5px);box-shadow:0 15px 25px rgba(0,0,0,0.1)}html{scroll-behavior:smooth}