.flip-perspective{perspective:1200px}.flip-inner{position:relative;transition:transform .6s;transform-style:preserve-3d}.flip-is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border-radius:.75rem}.flip-back{background:var(--secondary-bg);color:var(--text-primary);transform:rotateY(180deg)}