*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.payment-form-wrapper[data-v-e680bcdc]{max-width:500px;margin:0 auto}.payment-form-wrapper h1[data-v-e680bcdc]{font-size:24px;color:#333;margin-bottom:30px;text-align:center}.dev-badge[data-v-e680bcdc]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;padding:8px 16px;border-radius:6px;text-align:center;font-size:13px;font-weight:600;margin-bottom:20px;box-shadow:0 2px 8px #fbbf244d}.payment-form[data-v-e680bcdc]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-e680bcdc]{display:flex;flex-direction:column}.form-group label[data-v-e680bcdc]{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.card-element[data-v-e680bcdc]{border:1px solid #ddd;border-radius:6px;padding:12px;background:#f9f9f9;min-height:50px;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px}.amount-display[data-v-e680bcdc]{font-size:20px;font-weight:700;color:#667eea;margin:0}.description[data-v-e680bcdc]{font-size:14px;color:#666;margin:0}.recaptcha-container[data-v-e680bcdc]{display:flex;justify-content:center;margin:20px 0}.error[data-v-e680bcdc]{color:#dc2626;font-size:13px;margin-top:5px}.btn-submit[data-v-e680bcdc]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 20px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:10px}.btn-submit[data-v-e680bcdc]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-submit[data-v-e680bcdc]:disabled{opacity:.6;cursor:not-allowed}.security-note[data-v-e680bcdc]{text-align:center;font-size:12px;color:#999;margin-top:15px}#amount[data-v-e680bcdc]{width:75px}#card[data-v-e680bcdc]{background:#ffffffa3;height:100px;padding:10px 12px;border-radius:5px;border:1px solid #84a6ae;box-sizing:border-box;line-height:0;margin:9px 0;width:500px}.input-style{color:#32a866}.input-hint{color:#5e95a1;border-color:#9ac0c8}.form-wrapper{width:400px}.input-wrapper{width:200px}.sub-wrapper{width:100px}.valid-class{color:#217195}.invalid-class{color:#b05826}.payment-view[data-v-5223f957]{min-height:100vh;display:flex;align-items:stretch;background:linear-gradient(135deg,#667eea,#764ba2)}.container[data-v-5223f957]{display:flex;width:100%;margin:0 auto;box-shadow:0 10px 40px #0000004d;transition:all 1.5s cubic-bezier(.4,0,.2,1)}.container.success-layout[data-v-5223f957]{justify-content:center;align-items:center}.left-column[data-v-5223f957]{flex:1;padding:60px 40px;background:#fff;display:flex;flex-direction:column;justify-content:center;transition:all 1s ease-out}.right-column[data-v-5223f957]{flex:1;background:#f0f0f0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:all 1.5s cubic-bezier(.4,0,.2,1)}.right-column.centered[data-v-5223f957]{flex:0 0 100%;max-width:600px;margin:0 auto}.right-column.with-success[data-v-5223f957]{padding:40px}.landing-image[data-v-5223f957]{width:100%;height:100%;object-fit:cover;margin:10px;transition:all 1.5s cubic-bezier(.4,0,.2,1)}.landing-image.success-image[data-v-5223f957]{width:80%;height:auto;max-height:400px;object-fit:contain;transform:translateY(20px);border-radius:12px;box-shadow:0 20px 60px #0003}.success-header[data-v-5223f957]{text-align:center;margin-bottom:30px;z-index:10}.success-animation[data-v-5223f957]{margin-bottom:20px}.checkmark[data-v-5223f957]{width:100px;height:100px;margin:0 auto;fill:#22c55e;filter:drop-shadow(0 4px 12px rgba(34,197,94,.3));animation:popIn-5223f957 1.5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes popIn-5223f957{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.success-header h2[data-v-5223f957]{font-size:32px;font-weight:700;color:#22c55e;margin:20px 0;text-shadow:0 2px 10px rgba(34,197,94,.2)}.success-header .authorization-id[data-v-5223f957]{font-size:16px;color:#333;font-weight:600;margin:15px 0;padding:10px 20px;background:#22c55e1a;border-radius:8px;display:inline-block}.close-hint[data-v-5223f957]{font-size:14px;font-style:italic;color:#666;margin-top:20px}.slide-left-enter-active[data-v-5223f957],.slide-left-leave-active[data-v-5223f957]{transition:all 1s cubic-bezier(.4,0,.2,1)}.slide-left-enter-from[data-v-5223f957]{opacity:0;transform:translate(-100px)}.slide-left-leave-to[data-v-5223f957]{opacity:0;transform:translate(-100%)}.fade-down-enter-active[data-v-5223f957]{animation:fadeDown-5223f957 1.5s cubic-bezier(.4,0,.2,1) .5s both}@keyframes fadeDown-5223f957{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.init-loading[data-v-5223f957]{text-align:center;padding:40px}.init-loading p[data-v-5223f957]{font-size:16px;color:#333}.init-loading .error[data-v-5223f957]{color:#dc2626;font-weight:600}.failure-state[data-v-5223f957]{text-align:center;padding:40px 20px;animation:slideIn-5223f957 .5s ease-out}.error-icon[data-v-5223f957]{margin-bottom:20px}.error-circle[data-v-5223f957]{width:80px;height:80px;color:#dc2626;animation:errorPulse-5223f957 2s ease-in-out infinite}@keyframes errorPulse-5223f957{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.failure-state h2[data-v-5223f957]{font-size:28px;color:#dc2626;margin-bottom:16px;font-weight:600}.error-message[data-v-5223f957]{font-size:16px;color:#333;margin-bottom:12px;line-height:1.5}.error-code[data-v-5223f957]{font-size:13px;color:#666;font-family:Courier New,monospace;background:#f3f4f6;padding:8px 12px;border-radius:4px;display:inline-block;margin-bottom:30px}.action-buttons[data-v-5223f957]{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.btn-retry[data-v-5223f957]{background:#667eea;color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.btn-retry[data-v-5223f957]:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-secondary[data-v-5223f957]{background:#fff;color:#667eea;border:2px solid #667eea;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary[data-v-5223f957]:hover{background:#f3f4f6;transform:translateY(-2px)}.help-text[data-v-5223f957]{font-size:14px;color:#999;margin-top:20px}.btn-primary[data-v-5223f957]{background:#667eea;color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:16px;cursor:pointer;transition:background .3s}.btn-primary[data-v-5223f957]:hover{background:#5568d3}@keyframes slideIn-5223f957{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.container[data-v-5223f957]{flex-direction:column}.left-column[data-v-5223f957]{padding:40px 20px}.right-column[data-v-5223f957]{min-height:300px}.right-column.centered[data-v-5223f957]{flex:1;max-width:100%}.landing-image.success-image[data-v-5223f957]{width:90%}.success-header h2[data-v-5223f957]{font-size:24px}}