.flip-container{perspective:1200px;width:340px;height:460px;margin:0 auto}
.flip-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 0.8s cubic-bezier(0.4,0,0.2,1)}
.flip-container.flipped .flip-card{transform:rotateY(180deg)}
.flip-front,.flip-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,0.06);background:#14141e}
.flip-back{transform:rotateY(180deg)}
.flip-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);color:rgba(129,140,248,0.5);font-size:0.7rem;animation:pulse-hint 2s ease-in-out infinite}
@keyframes pulse-hint{0%,100%{opacity:0.5}50%{opacity:1}}