.id-card-container{height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#f8fafc,#e9edf3);perspective:1200px}.card-entry{animation:cardEntry .9s cubic-bezier(.22,1,.36,1) both}.card-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.visiting-card{width:clamp(320px,80vw,420px);aspect-ratio:16 / 9;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,1,.36,1);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.visiting-card.flipped{transform:rotateY(180deg) scale(1.03)}@media(hover:hover)and (pointer:fine){.card-wrapper:hover .visiting-card:not(.flipped){transform:rotateY(180deg) scale(1.03)}}.card-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;box-shadow:0 25px 50px #00000040,inset 0 1px 1px #fff6}.card-face:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ffffff59,#ffffff0d);pointer-events:none}.card-face img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.card-back{transform:rotateY(180deg)}@keyframes cardEntry{0%{opacity:0;transform:translateY(40px) rotateX(60deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}*,body{padding:0;margin:0}