*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}#payment-form .hidden,#payment-form .transaction-form.hidden,#payment-form #transaction-form.hidden,#payment-form #payment-type-selector.hidden,#payment-form #card-form.hidden,#payment-form .card-entry-group.hidden{display:block!important;visibility:visible!important;opacity:1!important}#payment-form #ach-form.hidden{display:none!important}:root{--primary-accent: #4A7F86;--button-accent: #487C83;--button-hover: #3d6a70;--neutral-accent: #9A8C7A;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6B7280;--bg-primary: #FFFFFF;--bg-subtle: #F5F7F8;--bg-panel: #F3F4F6;--border-color: #D1D5DB;--success: #059669;--error: #DC2626;--warning: #D97706}.payment-container{min-height:100vh;background:var(--bg-subtle);padding:2rem 1rem;display:flex;justify-content:center;align-items:flex-start}.payment-form-wrapper{background:var(--bg-primary);border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:2rem;max-width:1100px;width:100%}.payment-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.payment-header h1{color:var(--text-primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:600}.powered-by{color:var(--text-muted);font-size:.875rem;margin:0}.payment-layout{display:grid;grid-template-columns:1fr 380px;gap:2rem}.payment-form-column,.payment-summary-column{display:flex;flex-direction:column;gap:1.5rem}.alert{padding:1rem;border-radius:6px;font-weight:500;font-size:.875rem}.alert-success{background-color:#ecfdf5;color:var(--success);border:1px solid #A7F3D0}.alert-error{background-color:#fef2f2;color:var(--error);border:1px solid #FECACA}.receipt{background-color:#ecfdf5;border:1px solid #A7F3D0;border-radius:6px;padding:1.25rem}.receipt h2{color:var(--success);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.receipt-details p{margin:.375rem 0;font-size:.875rem;color:var(--text-secondary)}.receipt-details strong{color:var(--text-primary)}.form-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:1.25rem}.form-section h2{font-size:1rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.xplorpay-form{min-height:100px;border:1px solid var(--border-color);border-radius:6px;padding:1rem;background-color:var(--bg-subtle)}.xplorpay-form iframe{width:100%;min-height:100px;border:none}.sdk-loading{text-align:center;padding:2rem;color:var(--text-muted);font-style:italic}.security-note{font-size:.8rem;color:var(--success);margin-top:.75rem;display:flex;align-items:center;gap:.5rem}.security-note:before{content:"🔒"}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.375rem;color:var(--text-secondary);font-weight:500;font-size:.875rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=number]{width:100%;padding:.625rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;background:var(--bg-primary)}.form-group input:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 0 2px #4a7f8633}.form-group input.error{border-color:var(--error)}.form-group input.error:focus{box-shadow:0 0 0 2px #dc262633}.form-group input::placeholder{color:var(--text-muted)}.error-message{display:block;color:var(--error);font-size:.75rem;margin-top:.25rem}.helper-text{display:block;color:var(--text-muted);font-size:.75rem;margin-top:.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row-three{grid-template-columns:2fr 1fr 1.5fr}.amount-input-wrapper{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:.75rem;color:var(--text-muted);font-weight:500;z-index:1}.amount-input-wrapper input{padding-left:1.5rem!important}.summary-panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:6px;padding:1.25rem}.summary-panel h3{font-size:1rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem;color:var(--text-secondary)}.summary-row.total{border-top:2px solid var(--border-color);margin-top:.5rem;padding-top:1rem;font-weight:600;font-size:1.125rem;color:var(--text-primary)}.summary-row .label{color:var(--text-secondary)}.summary-row .value{font-weight:500;color:var(--text-primary)}.disclosures-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:1.25rem}.disclosures-section h3{font-size:.875rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.checkbox-group{margin-bottom:.75rem}.checkbox-group:last-child{margin-bottom:0}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.8125rem;line-height:1.4;color:var(--text-secondary)}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;margin-right:.625rem;margin-top:.125rem;cursor:pointer;accent-color:var(--primary-accent);flex-shrink:0}.checkbox-label a{color:var(--primary-accent);text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.submit-button{background-color:var(--button-accent);color:#fff;border:none;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color .2s ease;width:100%}.submit-button:hover:not(:disabled){background-color:var(--button-hover)}.submit-button:focus{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--primary-accent)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.test-cards{background-color:var(--bg-subtle);padding:1rem;border-radius:6px;border:1px dashed var(--border-color)}.test-cards h3{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:600}.test-cards p{font-size:.8125rem;color:var(--text-muted);margin:.25rem 0;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace}.test-cards p strong{color:var(--text-secondary);font-family:inherit}.test-cards em{display:block;margin-top:.5rem;font-size:.75rem;color:var(--text-muted);font-family:system-ui,-apple-system,sans-serif}.secure-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#ecfdf5;border-radius:6px;color:var(--success);font-size:.8125rem;font-weight:500}.secure-badge:before{content:"🔒"}@media(max-width:900px){.payment-layout{grid-template-columns:1fr}.payment-summary-column{order:-1}}@media(max-width:640px){.payment-container{padding:1rem .5rem}.payment-form-wrapper{padding:1.25rem}.payment-header h1{font-size:1.5rem}.form-row,.form-row-three{grid-template-columns:1fr}.form-section h2,.submit-button{font-size:.9375rem}}