*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#f8f9fa;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.card-flip{perspective:1000px;width:100%;height:300px}.card-flip-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .8s;position:relative}.card-flip-inner.flipped{transform:rotateY(180deg)}.card-front,.card-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:15px;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;font-size:1.2rem;font-weight:500;display:flex;position:absolute;box-shadow:0 4px 8px rgba(0,0,0,.1)}.card-front{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.card-back{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);transform:rotateY(180deg)}