.card-title{font-size:18px;font-weight:700;color:#333;margin:8px 0}.card{border:1px solid #ddd;border-radius:10px;background-color:#fff;width:250px;margin:9px;overflow:hidden;text-align:center;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out}.card:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.1);background-color:#8434c4}.card-image-container{position:relative;width:100%;height:200px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card:hover .card-image{transform:scale(1.05)}.title-container{padding:12px 8px}.card:hover .card-title{color:#fff}