@import url("https://fonts.googleapis.com/css2?family=Google+Sans:wght@300;400;500;600;700&display=swap");body,html{padding:0;margin:0;background:#fafafa;color:#111}body,html,input,textarea{font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}input,textarea{background-color:transparent;resize:none;font-size:16px}*{box-sizing:border-box;letter-spacing:.05px}a{color:inherit;text-decoration:none}.container{max-width:900px;margin:0 auto;padding:24px}.button{background:#4285f4;color:#fff;border:none;padding:12px 18px;border-radius:6px;cursor:pointer;transition:transform .06s ease,box-shadow .2s ease}.button:hover{filter:brightness(1.05)}.button:active{transform:translateY(1px)}.overlay{animation:fadeIn .2s ease}.modal{width:100%;max-width:520px;background:#fff;border-radius:12px;box-shadow:0 10px 32px rgba(0,0,0,.2);padding:20px}.modal h2{margin-top:0}.formRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.input,.textarea{width:100%;padding:12px;border:1px solid #e6e6e6;border-radius:8px}.actions{justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.paymentForm{display:grid;grid-gap:16px;gap:16px;margin-top:8px}.paymentForm .row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.paymentForm .formGroup{display:flex;flex-direction:column;gap:6px}.paymentForm .label{font-family:Google Sans;font-size:14px;color:#3c4043;font-weight:500;margin:0 0 4px 4px}.paymentForm .input{width:100%;height:48px;padding:12px 16px;border:1px solid #dadce0;border-radius:8px;font-size:14px;font-family:Google Sans,Roboto,Arial,sans-serif;outline:none;transition:border-color .2s;box-sizing:border-box;background-color:#fff}.paymentForm .input:focus{border-color:#1a73e8;border-width:2px;padding:11px 15px}.paymentForm .input::placeholder{color:#9aa0a6}.paymentForm .button{background-color:#4285f4;color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:500;padding:12px 24px;cursor:pointer;transition:background-color .2s,box-shadow .2s;min-width:120px;height:44px}.paymentForm .button:hover{background-color:#2b73ec;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.paymentForm .fieldWithIcon{position:relative}.paymentForm .cardIcon{left:12px;width:22px;height:22px;opacity:.85}.paymentForm .cardIcon,.paymentForm .networkRightIcon{position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.paymentForm .networkRightIcon{right:12px;height:18px;opacity:.9}.paymentForm .input.hasLeftIcon{padding-left:40px}.paymentForm .input.hasRightIcon{padding-right:44px}.paymentForm .notice{font-size:13px;color:#9aa0a6;text-align:center;margin:6px 0}.paymentForm .networks{display:flex;gap:8px;align-items:center;margin-bottom:8px}.paymentForm .networkIcon{height:18px;opacity:.9}.paymentForm .cardInputWrapper{position:relative}.paymentForm .withRightIcon{padding-right:96px}.paymentForm .cardNetworkInline{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.paymentForm .cardNetworkImg{height:20px;width:auto;display:block}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center}.modal.center{width:100%;max-width:420px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 10px 32px rgba(0,0,0,.2);text-align:center}.spinner{width:36px;height:36px;border:4px solid #e8eaed;border-top-color:#1a73e8;border-radius:50%;margin:0 auto 12px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.actions{display:flex;gap:12px;justify-content:center;margin-top:12px}.cancel{background:#e8eaed;color:#111}