body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-content{background-color:#1e1e2f;min-height:100vh;font-size:calc(10px + 2vmin);color:#e0e0e0}.app-header{padding:20px;background-color:#252843;border-bottom:1px solid #3b3e5e;display:flex;flex-direction:column;align-items:center;gap:20px}.app-main{display:flex;min-height:calc(100vh - 120px);gap:0}.sidebar{flex:0 0 350px;background-color:#252843;border-right:1px solid #3b3e5e;padding:24px;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 120px);box-sizing:border-box}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;background-color:#1e1e2f}@media(max-width:1200px){.sidebar{flex:0 0 320px;padding:20px}}@media(max-width:768px){.app-main{flex-direction:column}.sidebar{flex:none;max-height:none;border-right:none;border-bottom:1px solid #3b3e5e;padding:16px}.main-content{padding:20px 16px}.checkout-container{max-width:100%;padding:16px}}@media(max-width:480px){.app-header{padding:16px}.app-header h1{font-size:20px!important}.button-group{flex-direction:column;width:100%;max-width:300px}.button{width:100%}}.button-group{display:flex;gap:10px;justify-content:center}.button{padding:12px 20px;font-size:16px;border:2px solid transparent;background-color:#4f5d75;color:#fff;cursor:pointer;border-radius:5px;transition:background-color .3s ease,border-color .3s ease,transform .3s ease}.button:hover{background-color:#2d3a4b;transform:scale(1.03)}.button.active{background-color:#fff;color:#4f5d75;border-color:#5a67d8;font-weight:700;transform:none}.button:focus{outline:none;box-shadow:0 0 0 3px #5a67d880}.checkout-container{width:100%;max-width:500px;padding:24px;background-color:#f0f0f0;color:#333;box-shadow:0 8px 32px #0003;border-radius:12px;min-height:500px}.checkout-container>div:not(.spinner),.checkout-container form{width:100%}.success-page,.error-page{background-color:#1e1e2f;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e0e0e0;text-align:center;padding:20px}.success-page h1,.error-page h1{font-size:2.5rem;margin-bottom:15px;color:#8d99ae}.success-page p,.error-page p{font-size:1.25rem;margin-bottom:25px;color:#a0aec0}.success-page .button,.error-page .button{background-color:#5a67d8;color:#fff;padding:12px 25px;font-size:16px;border:none;border-radius:5px;transition:background-color .3s ease,transform .3s ease;cursor:pointer}.success-page .button:hover,.error-page .button:hover{background-color:#434190;transform:translateY(-3px)}.success-page{background-color:#2b2e4a}.error-page{background-color:#3f3351}.success-page h1{color:#a3be8c}.error-page h1{color:#ef8354}.success-page p,.error-page p{color:#a0aec0}.success-page .button:focus,.error-page .button:focus{outline:none;box-shadow:0 0 0 3px #5a67d880}.spinner{width:40px;height:40px;border-radius:50%;border:6.4px solid;border-color:#dbdcef;border-right-color:#899ab7;animation:spinner-d3wgkg 1s infinite linear}@keyframes spinner-d3wgkg{to{transform:rotate(1turn)}}.payment-examples{margin-bottom:24px;padding:16px;border-radius:8px;background-color:#1e1e2f;border:1px solid #3b3e5e;font-family:Arial,sans-serif;color:#e0e0e0;width:100%;box-sizing:border-box;overflow:hidden}.examples-content{margin-top:10px;font-size:14px;color:#d1d1e9}.example-item{margin-bottom:16px}.example-label{font-weight:600;margin-bottom:4px;color:#a3bffa}.example-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;flex-wrap:nowrap;min-width:0}.example-key{min-width:80px;font-weight:500;color:#c3c7d1;flex-shrink:0}.example-code{flex:1;background:#1e1e2f;padding:6px 10px;border-radius:6px;font-family:monospace;font-size:13px;color:#fff;border:1px solid #3b3e5e;word-break:break-all;white-space:normal;overflow-wrap:break-word;min-width:0}.copy-btn{font-size:13px;padding:6px 12px;background-color:#5a67d8;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease,transform .2s ease;flex-shrink:0}.copy-btn:hover{background-color:#434190;transform:scale(1.05)}.copy-btn:focus{outline:none;box-shadow:0 0 0 3px #5a67d880}