.credit-card{font-family:Overpass Mono,monospace;font-weight:400;width:100%;height:100%}.card{width:100%;max-width:320px;aspect-ratio:1.586/1;border-radius:.625rem;perspective:1000px;margin:0 auto}.card:hover .card-inner{transform:rotateY(180deg)}.card-inner{position:relative;transition:transform .6s ease;transform-style:preserve-3d;box-shadow:0 0 25px 2px rgba(0,0,0,.2)}.card-back,.card-front,.card-inner{width:100%;height:100%;border-radius:.625rem}.card-back,.card-front{position:absolute;top:0;overflow:hidden;backface-visibility:hidden;background:var(--card-background,linear-gradient(321.03deg,#01adef 0,#0860bf 91.45%))}.card-front{border-radius:.625rem;overflow:hidden;position:relative;transition:transform .3s ease-in-out}.card-back{transform:rotateY(180deg)}.card-back:before{content:"";position:absolute;top:40%;left:20%;width:180%;height:120%;border-radius:100%;background-image:linear-gradient(to right top,#a3d4e7,#a7d5e6,#abd5e4,#aed6e3,#b2d6e2,#aed4e2,#abd3e1,#a7d1e1,#9bcee1,#8ecae1,#81c7e1,#73c3e1);filter:blur(10px);opacity:.15}.card-back:after{content:"";position:absolute;top:15%;width:100%;height:2.5rem;background-image:linear-gradient(to right top,#021318,#07191f,#0a1f26,#0b262e,#0c2c35,#0c2c35,#0c2c35,#0c2c35,#0b262e,#0a1f26,#07191f,#021318)}.card-bg{top:-10%;right:-37.5%;width:118.75%;height:125%}.card-bg,.card-bg:after,.card-bg:before{position:absolute;background:var(--card-background,linear-gradient(321.03deg,#01adef 0,#0860bf 91.45%));border-top-left-radius:100%}.card-bg:after,.card-bg:before{content:"";width:100%;height:100%}.card-bg:before{top:-8%;right:-25%}.card-bg:after{top:-8%;right:-37.5%}.card-glow{position:absolute;top:-70%;left:-20%;height:100%;width:125%;background:hsla(0,0%,100%,.2);filter:blur(10px);border-radius:100%;transform:skew(-15deg,-15deg)}.card-contactless{position:absolute;right:7.5%;top:27.5%;transform:scale(.5)}.logo-area{position:absolute;right:7.8125%;top:15%;width:22.5%;height:auto}.bank-logo-text{color:#fff;font-size:clamp(.5rem,1.5vw,.75rem);font-weight:700;letter-spacing:.1em;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3));text-align:right}.card-chip{position:absolute;top:32.5%;left:7.8125%;width:14.0625%;height:17%;border-radius:.3125rem;background-color:#ffda7b;overflow:hidden}.card-chip:before{content:"";position:absolute;left:49%;top:-7%;transform:translateX(-50%);background:#ffda7b;border:1px solid #a27c1f;width:25%;height:110%;border-radius:100%;z-index:2}.card-chip:after{content:"";position:absolute;top:30%;left:-10%;background:transparent;border:1px solid #a27c1f;width:120%;height:33%}.card-holder{bottom:15%;font-size:clamp(.75rem,2vw,.875rem);text-transform:uppercase}.card-holder,.card-number{position:absolute;left:7.8125%;color:#fff;letter-spacing:.2em;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}.card-number{bottom:32.5%;font-size:clamp(.875rem,2.5vw,1rem);font-weight:600}.card-number,.card-valid{font-family:Overpass Mono,monospace}.card-valid{position:absolute;right:7.8125%;bottom:15%;color:#fff;font-size:clamp(.75rem,2vw,.875rem);letter-spacing:.2em;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}.card-valid:before{content:"GOOD THRU";position:absolute;top:1px;left:-35px;width:50px;font-size:clamp(.375rem,1.5vw,.4375rem)}.card-signature{position:absolute;top:60%;left:4.6875%;width:70%;height:15%;background:#eeecec;display:flex;justify-content:center;align-items:center;color:#021318;font-family:Mr Dafoe,cursive;font-size:clamp(1.5rem,4vw,2.375rem);font-weight:400}.card-signature:before{content:"Authorized Signature";top:-15px;left:0;font-size:clamp(.5rem,1.5vw,.5625rem);color:#eeecec}.card-seccode,.card-signature:before{position:absolute;font-family:Overpass Mono,monospace}.card-seccode{top:62.5%;left:76.5625%;display:flex;justify-content:center;align-items:center;width:12.5%;height:8.5%;color:#021318;background-color:#eeecec;text-align:center;font-size:clamp(.625rem,1.5vw,.6875rem)}