@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Serif:wght@400;600&family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.payment-container{background:linear-gradient(135deg,#030a4f,#212b9a);flex-direction:column;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:6rem 1rem 2rem}.app-header,.payment-container{align-items:center;display:flex;justify-content:center}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;left:0;padding:1.5rem 2rem;position:fixed;right:0;top:0;z-index:1000}.app-logo{height:40px;width:auto}.payment-wrapper{margin:0 auto;max-width:1100px;width:100%}.payment-header{color:#fff;margin-bottom:3rem;text-align:center}.payment-header h1{font-family:"IBM Plex Serif",serif;font-size:2.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.75rem}.payment-header p{color:#d8e0ee;font-size:1rem;font-weight:400}.payment-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr}.order-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:16px;color:#fff;padding:2rem}.order-summary h2{font-family:"IBM Plex Serif",serif;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.summary-item{align-items:center;color:#e4eaf7;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:1rem}.summary-item span:last-child{color:#fff;font-weight:600}.summary-divider{background:#fff3;height:1px;margin:1.5rem 0}.summary-total{font-size:1.25rem;font-weight:700;justify-content:space-between;margin-bottom:2rem}.security-badge,.summary-total{align-items:center;display:flex}.security-badge{background:#ffffff14;border-radius:8px;color:#d8e0ee;font-size:.85rem;gap:.5rem;padding:1rem}.security-badge svg{color:#4caf50;flex-shrink:0}.payment-form-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:2.5rem}.payment-form{gap:1.5rem}.form-group,.payment-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#212b9a;font-size:.9rem;font-weight:600}.form-group input{background:#f8f9fd;border:2px solid #e4eaf7;border-radius:8px;color:#030a4f;font-family:IBM Plex Sans,sans-serif;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.form-group input:focus{background:#fff;border-color:#212b9a;box-shadow:0 0 0 4px #212b9a1a;outline:none}.form-group input::placeholder{color:#9ca3af}.input-with-icon{position:relative}.card-icons{display:flex;gap:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.pay-button{background:linear-gradient(135deg,#212b9a,#030a4f);border:none;border-radius:8px;box-shadow:0 4px 20px #212b9a4d;color:#fff;cursor:pointer;font-family:IBM Plex Sans,sans-serif;font-size:1.125rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.pay-button:hover{box-shadow:0 8px 30px #212b9a66;transform:translateY(-2px)}.pay-button:active{transform:translateY(0)}.payment-terms{color:#6b7280;font-size:.8rem;line-height:1.5;text-align:center}.payment-terms a{color:#212b9a;font-weight:500;text-decoration:none}.payment-terms a:hover{text-decoration:underline}.form-group{position:relative}.form-group input.error{background:#fef2f2;border-color:#ef4444}.form-group input.error:focus{border-color:#dc2626;box-shadow:0 0 0 4px #ef44441a}.form-group input.success{background:#f0fdf4;border-color:#10b981;padding-right:3rem}.form-group input.success:focus{border-color:#059669;box-shadow:0 0 0 4px #10b9811a}.error-message{align-items:center;color:#ef4444;display:flex;font-size:.8rem;font-weight:500;gap:.25rem;margin-top:-.25rem}.error-message:before{content:"⚠";font-size:.9rem}.success-icon-input{right:1rem;top:2.75rem}.success-icon-card,.success-icon-input{color:#10b981;font-size:1.25rem;font-weight:700;position:absolute}.success-icon-card{right:4rem;top:50%;transform:translateY(-50%)}.pay-button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:1rem;margin-right:.5rem;width:1rem}@keyframes spin{to{transform:rotate(1turn)}}.success-message{animation:slideUp .5s ease-out;padding:3rem 2rem;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-icon{align-items:center;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-icon svg{color:#fff}.success-message h2{color:#030a4f;font-family:"IBM Plex Serif",serif;font-size:1.75rem;margin-bottom:.75rem}.success-message p{color:#6b7280;font-size:1rem;margin-bottom:.5rem}.transaction-id{background:#f3f4f6;border-radius:6px;color:#9ca3af!important;display:inline-block;font-family:IBM Plex Mono,monospace;font-size:.85rem!important;margin-top:1rem;padding:.5rem 1rem}.reset-button{background:linear-gradient(135deg,#212b9a,#030a4f);border:none;border-radius:8px;box-shadow:0 4px 20px #212b9a4d;color:#fff;cursor:pointer;font-family:IBM Plex Sans,sans-serif;font-size:1rem;font-weight:600;margin-top:2rem;padding:.875rem 2rem;transition:all .3s ease}.reset-button:hover{box-shadow:0 8px 30px #212b9a66;transform:translateY(-2px)}.reset-button:active{transform:translateY(0)}@media (max-width:768px){.payment-container{padding:6rem 1rem 2rem}.payment-header h1{font-size:1.75rem}.payment-content{grid-template-columns:1fr}.order-summary{margin-top:1rem;order:2}.payment-form-container{padding:1.5rem}.form-row{grid-template-columns:1fr}.success-message{padding:2rem 1rem}.success-icon{height:64px;width:64px}.app-header{padding:1rem}.app-logo{height:32px}}
/*# sourceMappingURL=main.681153cd.css.map*/