*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:#fff;color:#111827;min-height:100vh}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;text-decoration:none}.page-wrap{max-width:660px;margin:0 auto;padding:48px 24px 88px}.test-banner{background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;padding:11px 16px;font-size:13px;color:#92400e;margin-bottom:28px}.test-banner code{background:#fef3c7;padding:1px 5px;border-radius:3px;font-size:12px;font-family:Courier New,monospace}.page-header{margin-bottom:32px}.page-header h1{font-size:32px;font-weight:700;color:#111827;margin-bottom:8px;letter-spacing:-.02em;min-height:44px}.page-header p{font-size:15px;color:#6b7280;line-height:1.55}.page-header p a{color:#00b4e8;text-decoration:none}.page-header p a:hover{text-decoration:underline}.amount-card{background:#f5f1ec;border-radius:16px;padding:28px 28px 22px;margin-bottom:0}.amount-label{font-size:13px;font-weight:700;color:#00b4e8;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.amount-display{display:flex;align-items:flex-start;line-height:1;margin-bottom:10px}.amount-dollar-sign{font-size:24px;font-weight:700;color:#111827;margin-top:10px;margin-right:3px}.amount-value{font-size:68px;font-weight:800;color:#111827;letter-spacing:-3px}.amount-sublabel{font-size:14px;color:#6b7280;margin-bottom:18px}.amount-fee-pill{display:flex;justify-content:space-between;align-items:center;background:#ffffffbf;border-radius:10px;padding:11px 16px;font-size:14px}.amount-fee-pill-label{color:#374151;font-weight:500}.amount-fee-pill-value{font-weight:700;color:#111827}.section-heading{font-size:20px;font-weight:700;color:#111827;margin-top:40px;margin-bottom:16px;letter-spacing:-.01em}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-full{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:5px}label{font-size:13px;font-weight:500;color:#374151}.ac-spinner{position:absolute;top:50%;right:13px;transform:translateY(-50%);width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:ac-spin .65s linear infinite;pointer-events:none}@keyframes ac-spin{to{transform:translateY(-50%) rotate(360deg)}}.ac-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #d1d5db;border-radius:9px;box-shadow:0 4px 16px #0000001a;z-index:200;overflow:hidden}.ac-item{padding:10px 13px;font-size:14px;color:#111827;cursor:pointer;border-bottom:1px solid #f3f4f6}.ac-item:last-child{border-bottom:none}.ac-item:hover{background:#f0f9ff}input[type=text],input[type=email],select{width:100%;padding:10px 13px;border:1.5px solid #d1d5db;border-radius:9px;font-size:15px;font-family:inherit;color:#111827;background:#fff;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}input[type=text]:focus,input[type=email]:focus,select:focus{outline:none;border-color:#00b4e8;box-shadow:0 0 0 3px #00b4d824}input.field-invalid{border-color:#ef4444}input.field-invalid:focus{box-shadow:0 0 0 3px #ef444424}.field-error{font-size:12px;color:#ef4444;min-height:16px}.payment-element-wrap{border:1.5px solid #e5e7eb;border-radius:14px;padding:20px;background:#fff}.payment-element{min-height:60px}.summary-card{border:1.5px solid #e5e7eb;border-radius:14px;overflow:hidden}.summary-row{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 22px;border-bottom:1px solid #f3f4f6}.summary-row-main{font-weight:700;font-size:15px;color:#111827}.summary-row-sub{font-size:13px;color:#6b7280;margin-top:4px;line-height:1.45;max-width:340px}.summary-row-amount{font-weight:700;font-size:15px;white-space:nowrap;margin-left:20px;flex-shrink:0;color:#111827}.becs-heads-up{display:flex;align-items:center;gap:8px;padding:12px 22px;background:#fffbeb;border-top:1px solid #f3f4f6;font-size:13px;color:#92400e;line-height:1.5}.summary-total-row{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;background:#f9fafb;font-weight:800;font-size:16px;color:#111827}.payment-message{color:#b91c1c;font-size:14px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:20px;line-height:1.5}.submit-btn{width:100%;margin-top:20px;padding:16px;background:#00b4e8;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,box-shadow .15s,transform .1s;letter-spacing:.01em}.submit-btn:hover:not(:disabled){background:#0096c7;box-shadow:0 4px 18px #00b4d859}.submit-btn:active:not(:disabled){transform:scale(.99)}.submit-btn:disabled{background:#7dd3fc;cursor:not-allowed}.spinner{width:17px;height:17px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.spinner--dark{border-color:#0000001f;border-top-color:#00b4e8;width:28px;height:28px}.payment-element-spinner{display:flex;justify-content:center;align-items:center;min-height:120px}@keyframes spin{to{transform:rotate(360deg)}}.secure-badge{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;font-size:13px;color:#9ca3af}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e5e5e5,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px;color:transparent!important;pointer-events:none}@keyframes shimmer{to{background-position:-200% 0}}.payto-learn-more{margin-top:10px;font-size:13px;color:#6b7280}.payto-learn-more a{color:#00b4e8;text-decoration:none}.payto-learn-more a:hover{text-decoration:underline}.pending-icon{width:72px;height:72px;border-radius:50%;border:2px solid #f59e0b;display:flex;align-items:center;justify-content:center;background:transparent;margin-bottom:28px;color:#f59e0b}.pending-title{font-size:24px;font-weight:700;color:#111827;margin-bottom:16px;letter-spacing:-.01em}.success-container{display:flex;flex-direction:column;align-items:center;padding-top:48px;text-align:center}.success-icon{width:72px;height:72px;border-radius:50%;border:2px solid #34d399;display:flex;align-items:center;justify-content:center;background:transparent;margin-bottom:28px}.success-icon svg{color:#34d399;stroke:#34d399}.success-message{font-size:15px;color:#374151;line-height:1.6;max-width:400px}.success-message a{color:#00b4e8;text-decoration:underline}.success-message a:hover{color:#0096c7}@media (max-width: 560px){.navbar{padding:0 16px}.page-wrap{padding:28px 16px 72px}.page-header h1{font-size:26px}.amount-card{padding:22px 20px 18px}.amount-value{font-size:56px}.fields-grid{grid-template-columns:1fr}.field-full{grid-column:auto}}