.card-container{perspective:1000px;z-index:1;justify-content:center;width:100%;height:220px;margin-bottom:25px;display:flex;position:relative}.credit-card-3d{width:340px;height:100%;transform-style:preserve-3d;border-radius:16px;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 15px 35px #0003}.card-flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;color:#fff;background:linear-gradient(135deg,#001f3f 0%,#0071e3 100%);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:25px;display:flex;position:absolute}.card-back{justify-content:flex-start;padding:0;transform:rotateY(180deg)}.magnetic-strip{background:#1a1a1a;width:100%;height:45px;margin-top:25px}.cvv-strip{color:#333;background:#fff;border-radius:4px;justify-content:flex-end;align-items:center;width:85%;height:40px;margin:20px auto;padding-right:15px;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;display:flex;position:relative}.cvv-label{color:#fffc;font-size:.7rem;position:absolute;top:-18px;right:0}.chip{background:linear-gradient(135deg,#d4af37 0%,#f2d06b 100%);border:1px solid #0000001a;border-radius:6px;width:50px;height:35px;position:relative;overflow:hidden}.chip:before{content:"";background:#0003;width:100%;height:1px;position:absolute;top:50%;left:0}.chip:after{content:"";background:#0003;width:1px;height:100%;position:absolute;top:0;left:35%}.card-number{letter-spacing:3px;text-shadow:0 2px 4px #0000004d;margin-top:10px;font-family:Courier New,Courier,monospace;font-size:1.4rem}.label-title{text-transform:uppercase;opacity:.7;letter-spacing:1px;margin-bottom:2px;font-size:.65rem}.card-holder{text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:500}.card-validity{font-size:.9rem;font-weight:500}@media (max-width:450px){.credit-card-3d{width:100%;height:200px}.card-number{font-size:1.1rem}}