@import "/demos/jade-checkout/fonts/gf-823ce7ca3c.css";:root{--primary-blue:#3b5bdb;--primary-blue-dark:#364fc7;--bg-color:#f1f3f5;--white:#fff;--text-main:#212529;--text-muted:#868e96;--card-bg:#1e1e2f;--border-radius-lg:24px;--border-radius-md:16px;--border-radius-sm:12px;--shadow-sm:0 4px 12px #0000000d;--shadow-md:0 8px 24px #3b5bdb26;--shadow-card:0 12px 32px #00000026}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);min-height:100vh;color:var(--text-main);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;font-family:Inter,sans-serif;display:flex}.app-container{background-color:var(--primary-blue);zoom:.75;flex-direction:column;width:100%;max-width:414px;height:950px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #0000001a}@media (width>=420px){.app-container{border:8px solid #fff;border-radius:40px;height:850px;margin:20px;box-shadow:0 32px 64px #00000026}}.header{color:var(--white);z-index:10;align-items:center;padding:24px 24px 16px;display:flex}.back-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s,transform .2s;display:flex}.back-btn:hover{background:#ffffff40;transform:scale(1.05)}.back-btn:active{transform:scale(.95)}.header h1{text-align:center;flex:1;margin-right:40px;font-size:1.1rem;font-weight:600}.main-content{background-color:#0000;flex-direction:column;flex:1;margin-top:80px;padding-top:0;padding-bottom:80px;display:flex;overflow:visible}.main-content::-webkit-scrollbar{display:none}.main-content{-ms-overflow-style:none;scrollbar-width:none}.cards-slider{z-index:15;margin-top:-50px;padding:0 24px 12px;display:flex;position:relative;overflow:visible}.card-item{width:100%}.add-card-btn{background-color:var(--white);border-radius:var(--border-radius-lg);cursor:pointer;width:70px;height:170px;color:var(--primary-blue);box-shadow:var(--shadow-sm);border:2px dashed #dee2e6;justify-content:center;align-items:center;transition:all .3s;display:flex}.add-card-btn:hover{border-color:var(--primary-blue);background-color:#f8f9fa;transform:translateY(-2px)}.add-card-btn:active{transform:translateY(1px)}.credit-card{perspective:1000px;width:100%;height:180px;position:relative}.credit-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.credit-card.flipped .credit-card-inner{transform:rotateY(180deg)}.coral-processing-border{border-radius:calc(var(--border-radius-lg) + 4px);z-index:0;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:-4px;overflow:hidden}.coral-processing-border.active{opacity:1;box-shadow:0 0 30px #ff6e50b3,0 0 60px #ff506466}.coral-processing-border:before{content:"";background:conic-gradient(#0000 0deg 120deg,#ff7e5f 180deg,#feb47b 240deg,#ff3b30 300deg,#0000 360deg);width:200%;height:200%;animation:1.8s linear infinite spinConic;position:absolute;top:-50%;left:-50%}@keyframes spinConic{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.green-success-border{border-radius:calc(var(--border-radius-lg) + 4px);z-index:0;opacity:0;pointer-events:none;background:linear-gradient(135deg,#10b981,#34d399,#059669);transition:opacity .4s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:-4px;box-shadow:0 0 35px #10b981b3,0 0 70px #10b98166}.green-success-border.active{opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-front,.card-back{backface-visibility:hidden;border-radius:var(--border-radius-lg);color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#172554 100%);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 20px 40px #0006,inset 0 1px 1px #fff3}.card-front{flex-direction:column;justify-content:space-between;padding:20px;display:flex}.card-back{flex-direction:column;display:flex;transform:rotateY(180deg)}.magnetic-strip{background-color:#0a0a0a;width:100%;height:40px;margin-top:24px}.cvv-strip{color:#333;background-color:#fff;border-radius:4px;justify-content:flex-end;align-items:center;height:36px;margin:16px 20px 0;padding:0 12px;display:flex}.cvv-strip span{margin-right:8px;font-size:.75rem;font-weight:600}.cvv-box{letter-spacing:2px;font-family:monospace;font-size:1.1rem;font-weight:700}.card-legal-text{color:#ffffff80;text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:12px 20px 0;font-size:.45rem;line-height:1.4}.card-front:before,.card-back:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}.card-top{justify-content:space-between;align-items:center;display:flex}.network-logo{display:flex}.network-logo .circle{border-radius:50%;width:32px;height:32px}.network-logo .circle.red{z-index:2;background-color:#ffffffe6}.network-logo .circle.orange{z-index:1;opacity:.9;background-color:#ffffff73;margin-left:-16px}.card-expiry{letter-spacing:1px;font-size:.9rem;font-weight:500}.card-number{letter-spacing:2px;text-shadow:0 2px 4px #0000004d;align-items:center;gap:8px;margin-top:10px;font-size:1.3rem;font-weight:600;display:flex}.card-number span.dots{font-size:1.5rem;line-height:1}.card-bottom{justify-content:space-between;align-items:flex-end;display:flex}.card-name-group{flex-direction:column;gap:4px;display:flex}.card-name{text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px #0000004d;font-size:1rem;font-weight:600}.card-type{opacity:.8;font-size:.75rem}.partial-card{border-radius:var(--border-radius-lg);opacity:.6;background:#e9ecef;width:290px;height:190px;position:relative;overflow:hidden}.card-form-section{margin-top:8px;padding:0 24px}.card-form{flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;flex:1;gap:8px;display:flex}.input-group label{color:#343a40;margin-left:4px;font-size:.9rem;font-weight:500}.input-wrapper{width:100%;position:relative}.input-wrapper input{padding-right:48px}.input-icon{align-items:center;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.network-logo-small{display:flex}.network-logo-small .circle{border-radius:50%;width:16px;height:16px}.network-logo-small .circle.red{z-index:2;background-color:#3b5bdb}.network-logo-small .circle.orange{z-index:1;opacity:.9;background-color:#9db0f5;margin-left:-8px}input{width:100%;color:var(--text-main);background-color:#0000;border:1px solid #dce0e4;border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:1.05rem;font-weight:600;transition:all .2s}input::placeholder{color:#adb5bd;font-weight:500}input:focus{border-color:var(--primary-blue);background-color:#f8f9fa}.input-row{gap:12px;display:flex}.checkbox-group{margin-top:8px}.checkbox-container{cursor:pointer;color:var(--text-main);-webkit-user-select:none;user-select:none;align-items:center;padding-left:36px;font-size:.95rem;font-weight:500;display:flex;position:relative}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:#e9ecef;border-radius:6px;width:24px;height:24px;transition:all .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.checkbox-container input:checked~.checkmark{background-color:#20c997}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:12px;top:4px;left:8px;transform:rotate(45deg)}.card-badges{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background-color:#ced4da;border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;font-size:.75rem;font-weight:700;display:flex}.network-circles{display:flex}.network-circles .c1,.network-circles .c2{border:1px solid #fff;border-radius:50%;width:12px;height:12px}.network-circles .c1{z-index:2;background-color:#0000}.network-circles .c2{z-index:1;background-color:#0000;margin-left:-6px}.bottom-bar{background-color:var(--primary-blue);z-index:20;border-top-left-radius:32px;border-top-right-radius:32px;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;display:flex;position:absolute;bottom:0;left:0;box-shadow:0 -12px 32px #3b5bdb33}.amount-info{color:#fff;flex-direction:column;gap:4px;display:flex}.amount{align-items:center;gap:4px;font-size:1.25rem;font-weight:700;display:flex}.amount-currency{opacity:.8;font-size:1rem}.view-details{opacity:.8;cursor:pointer;font-size:.8rem;text-decoration:underline;transition:opacity .2s}.view-details:hover{opacity:1}.pay-btn{background-color:var(--white);color:var(--primary-blue);cursor:pointer;box-shadow:var(--shadow-md);border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.pay-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #3b5bdb4d}.pay-btn:active{transform:translateY(1px)}.pay-btn svg{transition:transform .3s}.pay-btn:hover svg{transform:translate(4px)}