@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;600;700&display=swap);.payment-container{background:#f8f8f8;box-sizing:border-box;justify-content:flex-start;min-height:100vh;padding:32px 8px;width:100vw}.App,.payment-container{align-items:center;display:flex;flex-direction:column}.App{border-radius:5px;box-shadow:0 4px 24px #00000014;font-family:Montserrat Alternates;margin:0 auto;max-width:420px;padding:0;width:100%}#root,body{background:#f8f8f8;height:auto;margin:0;min-height:100vh;overflow-y:auto;padding:0}.card-form-box{background:#fff;border-radius:20px;box-shadow:0 4px 24px #00000014;margin-bottom:24px;max-width:420px;padding:24px 16px;width:100%}.logo{margin:30px auto 10px;max-width:150px;width:100%}.row{display:flex;flex-direction:row}.row,.row-around{justify-content:space-around}.row-around{margin-left:-21px;margin-top:5px}.row-around>label{margin-left:-8px}input{background:#fafafa;border:none;border-radius:7px;box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffff80;color:#979696;font-size:16px;height:38px;margin:10px;padding-left:10px;transition:all .3s ease}input:focus{background:#fff;box-shadow:0 0 8px #0003;outline:none}label{color:#333;font-family:Montserrat;font-size:13px;font-weight:500;margin:5px 0 0 10px;text-align:left}#cvc,#exp{width:30%}button{align-self:center;background:#8b0000;border:none;border-radius:10px;box-shadow:0 4px 10px #0003,inset 2px 2px 5px #fff3;color:#fff;font-family:Montserrat;font-size:17px;font-weight:700;height:40px;letter-spacing:1px;margin-top:15px;transition:transform .1s ease,box-shadow .3s ease;width:96%}button:hover{box-shadow:0 6px 15px #0000004d;transform:translateY(-2px)}#expiry{margin-right:135px}h3,p{margin:5px}#ExpiryDate,#cvv{width:75px!important}#card-logo{height:30px;object-fit:contain;position:absolute;right:3%;top:3%;width:auto;z-index:2}#cardinfo{align-items:flex-start;display:flex;flex-direction:column;font-family:Share Tech Mono;justify-content:center;margin-left:15px;margin-top:75px;text-shadow:1px 1px 3px #00000080}#cardinfo,h1{color:#fff;letter-spacing:1px;z-index:2}h1{font-size:1.2rem;font-weight:700;left:5%;position:absolute;text-transform:uppercase;top:4%}.formwrapper,button,form,input{font-family:Montserrat Alternates}.formwrapper{align-items:center;background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:20px;box-shadow:0 10px 20px #00000026,inset 2px 2px 6px #ffffffb3;justify-content:space-around;margin-top:-100px;max-width:60%;padding:130px 50px 20px}#success,form{display:flex;flex-direction:column}#success{align-items:center;background:linear-gradient(180deg,rgba(173,216,230,.912),rgba(173,216,230,.688));background-repeat:no-repeat;background-size:cover;font-family:Montserrat;height:100vh;justify-content:center;left:0;margin:0 auto;padding:50px;position:absolute;text-align:center;text-transform:uppercase;top:0;width:95%;z-index:1}#success>button{font-family:Montserrat;width:200px}#nametag{color:#db7093;font-size:26px}.cc{align-items:flex-start;background:linear-gradient(145deg,#fff3,#0000001a);border-radius:20px;box-shadow:0 10px 20px #0003,inset 0 2px 4px #ffffff4d;display:flex;flex-direction:column;height:222px;justify-content:center;overflow:hidden;position:relative;width:350px;z-index:666666!important}.cc:before{background:#000;background:var(--bottom-color,#000);z-index:0}.cc:after,.cc:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.cc:after{clip-path:polygon(0 0,100% 0,100% 40%,90% 50%,75% 45%,50% 55%,25% 45%,10% 50%,0 40%);z-index:1}.cc[data-card-type=visa]:before{background:#a8c81a}.cc[data-card-type=visa]:after{background:#d3e54b}.cc[data-card-type=mastercard]:before{background:#1a75c8}.cc[data-card-type=mastercard]:after{background:#6baff5}.cc[data-card-type=amex]:after,.cc[data-card-type=amex]:before{background:#016fd0}.cc[data-card-type=discover]:after,.cc[data-card-type=discover]:before{background:#ff6000}.cc:not([data-card-type]):before{background:#8b0000}.cc:not([data-card-type]):after{background:linear-gradient(135deg,#ff4040,#d3d3d3)}@media only screen and (max-width:780px){.App{border-radius:15px;box-shadow:0 8px 20px #00000026;margin:10px auto;padding:20px;width:90%}.logo{max-width:130px}.cc{background:linear-gradient(145deg,#fff3,#0000001a);box-shadow:0 12px 25px #00000040,inset 0 2px 4px #ffffff4d;height:220px;max-width:320px}.cc,.formwrapper{border-radius:20px;width:100%}.formwrapper{background:linear-gradient(145deg,#fff,#f5f5f5);box-shadow:0 8px 20px #00000026,inset 2px 2px 6px #ffffffb3;margin-top:-100px;max-width:350px;padding:120px 20px 20px}#cvclabel,#explabel{display:none}#success{margin:0 auto;width:90%}#success>h2{font-size:16px;letter-spacing:2px;text-align:center}#nametag{font-size:20px;text-align:center}input{border-radius:10px;box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffff80;font-size:16px;height:40px}button{border-radius:12px;box-shadow:0 6px 15px #0000004d,inset 2px 2px 5px #fff3;height:45px}#cardinfo{font-size:14px;letter-spacing:1.5px;margin-left:10px;margin-top:50px}#expiry{margin-right:100px}h1{font-size:1rem;top:5%}#card-logo{height:28px;right:5%}}@media only screen and (max-width:480px){.payment-container{padding:16px 2px}.App,.card-form-box{border-radius:0;box-shadow:none;max-width:100vw;padding:0 2px}.logo{max-width:110px}.cc{height:200px;max-width:300px}.cc,.formwrapper{border-radius:18px}.formwrapper{margin-top:-80px;padding:100px 15px 15px}input{border-radius:8px;font-size:16px;height:38px;margin:8px}button{border-radius:10px;height:42px}#cardinfo{font-size:12px;letter-spacing:1px;margin-left:8px;margin-top:40px}#expiry{margin-right:80px}h1{font-size:.9rem;top:4%}#card-logo{height:25px;right:4%}}footer{flex-shrink:0;font-weight:700;padding:10px}.row-around{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin:10px}.row-around>input[type=checkbox]{display:none}.row-around>label{color:#333;cursor:pointer;font-size:14px;padding-left:30px;position:relative;-webkit-user-select:none;user-select:none}.row-around>label:before{background-color:#fff;border:2px solid #8b0000;border-radius:4px;content:"";height:20px;left:0;position:absolute;top:0;transition:background-color .3s,border-color .3s;width:20px}.row-around>label:after{content:"";height:12px;left:5px;opacity:0;position:absolute;top:2px;transition:opacity .3s;width:12px}.row-around>input[type=checkbox]:checked+label:before{background-color:green;border-color:green}.row-around>input[type=checkbox]:checked+label:after{color:#fff;content:"✕";font-size:16px;opacity:1}.row-around>label:hover:before{border-color:#ff4500}.row-around>input[type=checkbox]:checked+label:hover:before{background-color:green;border-color:green}.spinner{border:4px solid #0000001a;border-left-color:#8b0000;margin:20px auto}.App,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;color:#333;font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.6;margin:0;padding:0}.App,body{min-height:100vh;min-width:100vw}.App{overflow-x:hidden;position:relative}.App:before{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);content:"";height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.App>*{position:relative;z-index:1}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bank-title{color:#1a1a1a;font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1rem}.bank-subtitle,.bank-title{font-family:Inter,sans-serif}.bank-subtitle{color:#4a5568;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.bank-text{color:#2d3748;font-size:.95rem;font-weight:400;line-height:1.5}.bank-label,.bank-text{font-family:Inter,sans-serif}.bank-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.bank-input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1a1a1a;font-family:Inter,sans-serif;font-size:1rem;font-weight:400;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.bank-input:focus{border-color:#b4243a;box-shadow:0 0 0 3px #b4243a1a;outline:none}.bank-button{background-color:#b4243a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.01em;padding:14px 24px;transition:background-color .2s ease,transform .1s ease}.bank-button:hover{background-color:#9a1e32;transform:translateY(-1px)}.bank-button:active{transform:translateY(0)}.bank-error{color:#dc2626}.bank-error,.bank-success{font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;margin-top:.5rem}.bank-success{color:#059669}.bank-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin:1rem;padding:2rem}.bank-container{margin:0 auto;max-width:480px;padding:2rem 1rem}.logo{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:auto;margin:0 auto 2rem;max-width:200px}.bank-footer{color:#fff;font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;margin-top:2rem;padding:1rem;text-align:center}.bank-footer a{color:#b4243a;font-weight:500;text-decoration:none;transition:color .2s ease}.bank-footer a:hover{color:#9a1e32}footer{font-family:Inter,sans-serif;margin-top:30px;padding:20px 15px;position:relative;text-align:center;z-index:10}footer p{line-height:1.6;margin:8px 0}footer p:first-child{color:#1a1a1a;font-size:.95rem;font-weight:600}footer p:last-child{color:#fff;font-size:.85rem;font-weight:400;margin-left:auto;margin-right:auto;max-width:600px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#b4243a;height:40px;margin:2rem auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes subtlePulse{0%,to{box-shadow:0 2px 8px #dc262626}50%{box-shadow:0 2px 12px #dc262640}}@keyframes deleteButtonGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.formwrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin:-2rem auto;max-width:390px;padding:2rem;width:100%}@media screen and (max-width:768px){.formwrapper{margin:-1rem auto;max-width:320px}.bank-card,.formwrapper{border-radius:12px;padding:1.5rem 1rem}.bank-card{margin:.5rem}.bank-container{padding:1rem .5rem}.logo{margin-bottom:1.5rem;max-width:150px}.bank-title{font-size:1.25rem}.bank-subtitle{font-size:1rem}.bank-button{font-size:.95rem;padding:12px 20px}footer{margin-top:20px;padding:15px 10px}footer p:first-child{font-size:.85rem;margin:5px 0}footer p:last-child{font-size:.75rem;line-height:1.5;margin-top:5px;padding:0 10px}}@media screen and (max-width:375px){.formwrapper{max-width:300px}.bank-card,.formwrapper{padding:1rem .75rem}footer{margin-top:15px;padding:12px 8px}footer p:first-child{font-size:.8rem}footer p:last-child{font-size:.7rem;padding:0 5px}}@media screen and (min-width:769px) and (max-width:1024px){.formwrapper{max-width:450px}.bank-card{margin:1rem auto;max-width:500px}}@media (hover:none) and (pointer:coarse){button{-webkit-tap-highlight-color:transparent}button:active{opacity:.8}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.saved-cards-container{scrollbar-color:#b4243a4d #0000;scrollbar-width:thin}.saved-cards-container::-webkit-scrollbar{width:8px}.saved-cards-container::-webkit-scrollbar-track{background:#00000008;border-radius:10px}.saved-cards-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b4243a66,#b4243a4d);border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.saved-cards-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b4243a,#9a1e32)}.cards-carousel-container{-ms-overflow-style:none;scrollbar-width:none}.cards-carousel-container::-webkit-scrollbar{display:none}.saved-cards-container[style*="overflow-y: auto"]:before{background:linear-gradient(180deg,#fffffff2,#0000);content:"";display:block;height:24px;left:0;margin-bottom:-24px;pointer-events:none;position:sticky;right:0;top:0;z-index:5}.saved-cards-container[style*="overflow-y: auto"]:after{background:linear-gradient(0deg,#fffffff2,#0000);bottom:0;content:"";display:block;height:24px;left:0;margin-top:-24px;pointer-events:none;position:sticky;right:0;z-index:5}
/*# sourceMappingURL=main.692a338d.css.map*/