:root{--color-bg:#fafafa;--color-surface:#fff;--color-surface-hover:#f5f5f5;--color-border:#e5e5e5;--color-border-focus:#2563eb;--color-text:#171717;--color-text-muted:#737373;--color-text-subtle:#a3a3a3;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-text:#fff;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-warning:#f59e0b;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.04);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}.checkout-layout{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:var(--space-lg)}.checkout-container{margin-top:var(--space-2xl);max-width:480px;width:100%}.checkout-card{animation:fadeInUp .4s ease-out;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.checkout-header{margin-bottom:var(--space-xl);text-align:center}.checkout-logo{color:var(--color-text-subtle);font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:var(--space-sm);text-transform:uppercase}.checkout-amount{color:var(--color-text);font-size:2rem;font-weight:700;line-height:1.2}.checkout-currency{color:var(--color-text-muted);font-size:.875rem;font-weight:500;margin-left:var(--space-xs)}.checkout-order-id{color:var(--color-text-subtle);font-size:.8125rem;margin-top:var(--space-xs)}.checkout-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-lg) 0}.form-group{margin-bottom:var(--space-md)}.form-label{color:var(--color-text-muted);display:block;font-size:.8125rem;font-weight:500;margin-bottom:var(--space-xs)}.form-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:.9375rem;outline:none;padding:.625rem .75rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #2563eb1a}.form-input::-moz-placeholder{color:var(--color-text-subtle)}.form-input::placeholder{color:var(--color-text-subtle)}.form-row{display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}.tap-card-element{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:44px;padding:.625rem .75rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tap-card-element:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #2563eb1a}.tap-notification{color:var(--color-text-muted);font-size:.75rem;margin-top:var(--space-xs);min-height:1rem}.tap-notification:empty{display:none}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;gap:var(--space-sm);justify-content:center;padding:.75rem 1.5rem;transition:all var(--transition-fast);width:100%}.btn-primary{background:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin .6s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.status-message{flex-direction:column;padding:var(--space-xl) 0;text-align:center}.status-icon,.status-message{align-items:center;display:flex}.status-icon{animation:scaleIn .3s ease-out;border-radius:50%;font-size:1.5rem;height:64px;justify-content:center;margin-bottom:var(--space-lg);width:64px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.status-icon.success{background:var(--color-success-bg);color:var(--color-success)}.status-icon.error{background:var(--color-error-bg);color:var(--color-error)}.status-icon.loading{background:#eff6ff;color:var(--color-primary)}.status-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-sm)}.status-description{color:var(--color-text-muted);font-size:.875rem;max-width:300px}.security-badge{align-items:center;border-top:1px solid var(--color-border);color:var(--color-text-subtle);display:flex;font-size:.75rem;gap:var(--space-xs);justify-content:center;margin-top:var(--space-lg);padding-top:var(--space-lg)}.security-badge svg{height:14px;width:14px}.error-alert{animation:fadeInUp .2s ease-out;background:var(--color-error-bg);border:1px solid #fecaca;border-radius:var(--radius-md);color:var(--color-error);font-size:.8125rem;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md)}.powered-by{color:var(--color-text-subtle);font-size:.6875rem;margin-top:var(--space-lg);text-align:center}.powered-by a{color:var(--color-text-muted);text-decoration:none}.powered-by a:hover{text-decoration:underline}@media(max-width:520px){.checkout-layout{align-items:stretch;padding:0}.checkout-container{margin-top:0;max-width:100%}.checkout-card{border-left:none;border-radius:0;border-right:none;box-shadow:none;min-height:100vh}.form-row{grid-template-columns:1fr}}