.card-container{perspective:1000px}.card-flip{position:relative;width:100%;height:220px;transform-style:preserve-3d;transition:transform .6s}.card-container:hover .card-flip{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;padding:1.5rem;border-radius:.75rem;backface-visibility:hidden;border:1px solid #e5e7eb;box-shadow:0 4px 8px rgba(0,0,0,.04);background:white}.card-back{background:#1f2937;color:white;transform:rotateY(180deg)}