:root{color:#242223;background:#ecebea;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,a{font:inherit}.page{min-height:100svh;padding:max(32px, env(safe-area-inset-top)) 20px max(32px, env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.card-shell{flex-direction:column;align-items:center;width:100%;max-width:420px;display:flex}.card-stage{aspect-ratio:550/850;perspective:1500px;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:32px;width:min(84vw,340px);position:relative}.card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.76,0,.24,1);position:relative}.card-shadow{opacity:1;pointer-events:none;border-radius:32px;transition:opacity .22s;position:absolute;inset:6px;box-shadow:0 16px 40px #0000002e}.card-shadow.is-hidden{opacity:0}.card.is-flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;width:100%;height:100%;box-shadow:0 20x 45px #00000038;background:0 0;border-radius:32px;position:absolute;inset:0;overflow:hidden}.card-back{transform:rotateY(180deg)}.card-face img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.hotspot{z-index:10;display:block;position:absolute}.hotspot-phone{width:61%;height:5.5%;top:75%;left:26%}.hotspot-email{width:65%;height:5.5%;top:82%;left:26%}.hotspot-site{width:65%;height:5.5%;top:88%;left:26%}.flip-hint{letter-spacing:.15em;text-transform:uppercase;opacity:.5;margin:18px 0 0;font-size:.68rem}.actions{gap:10px;width:min(84vw,340px);margin-top:28px;display:grid}.primary-action,.secondary-action,.wallet-actions button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:50px;text-decoration:none;display:flex}.primary-action{color:#fff;background:#2a0f13;border:1px solid #2a0f13}.secondary-action{color:#2a0f13;background:0 0;border:1px solid #2a0f1340}.wallet-actions{gap:10px;width:min(84vw,340px);margin-top:10px;display:grid}.wallet-actions button{color:#777;background:#ddd;border:1px solid #00000026}@media (width<=380px){.card-stage,.actions,.wallet-actions{width:min(82vw,300px)}}@media (prefers-reduced-motion:reduce){.card{transition:none}}
