*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Arial,Helvetica,sans-serif}.card-page{background:#f5f4f0;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:40px 20px;display:flex}.card-scene{aspect-ratio:550/850;perspective:1400px;cursor:pointer;width:min(380px,86vw)}.business-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,1,.36,1);position:relative}.business-card.is-flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:24px;position:absolute;inset:0;overflow:hidden;box-shadow:0 25px 60px #00000029}.card-face img{object-fit:cover;width:100%;height:100%;display:block}.card-back{transform:rotateY(180deg)}.flip-hint{letter-spacing:.08em;color:#5f6964;margin:18px 0 20px;font-size:.75rem}.save-contact{color:#1d5232;background:0 0;border:1px solid #1d5232;border-radius:100px;justify-content:center;align-items:center;min-width:180px;padding:13px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex}.save-contact:hover{color:#fff;background:#1d5232;transform:translateY(-2px)}.save-contact:active{transform:translateY(0)}