@font-face{font-family:Poppins;src:url('/fonts/Poppins-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/fonts/Poppins-SemiBold.ttf') format('truetype');font-weight:600 800;font-style:normal;font-display:swap}
:root{font-family:Poppins,Arial,sans-serif;color:#303236;background:#f8f8f8;font-synthesis:none;font-weight:400}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:32px 20px;font-size:16px;line-height:1.5}
[hidden]{display:none!important}
button,input,a{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.65}
button:focus-visible,a:focus-visible{outline:2px solid #a2332b;outline-offset:4px}
.payment-panel{width:900px;max-width:100%;background:#fff;border:1px solid #dedede}
.brand-header{height:103px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #dedede}
.brand-header img{display:block;width:150px;height:auto}
.panel-body{padding:56px 0 40px}
.content-column{width:60%;margin:0 auto}
h1,h2,p{margin:0}
.amount-title,.transfer-title{font-size:16px;font-weight:400;line-height:24px}
.amount-title{margin-bottom:16px}
.amount-field{border:1px solid #e0e2eb;min-height:59px;padding:4px 6px 6px 12px}
.amount-field label,.field-label{display:block;color:#747474;font-size:12px;line-height:20px}
.amount-entry{display:flex;align-items:center;gap:8px}
.amount-entry input{width:100%;min-width:0;border:0;background:transparent;padding:1px 0 0;color:#303236;line-height:25px;border-radius:0;outline:none}
.amount-entry input::placeholder{color:#90979f;opacity:1}
.amount-field:focus-within{border-color:#e77f75;box-shadow:0 0 0 1px #e77f751f}
.amount-field:has([aria-invalid="true"]){border-color:#de3e33}
.currency{color:#a9a9a9;white-space:nowrap}
.actions{display:flex;align-items:center;justify-content:space-between;gap:16px}
.amount-actions{margin-top:50px}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:38px;padding:7px 12px;border:1px solid transparent;border-radius:4px;text-decoration:none;font-size:16px;line-height:22px;white-space:nowrap}
.button-primary{background:#e77d74;color:#fff}
.button-primary:hover:not(:disabled){background:#de6d65}
.button-cancel{background:#f8f8f8;color:#df3e33}
.button-cancel:hover{background:#f2f2f2}
.information{background:#f3c7c2;text-align:center;padding:20px 24px;font-size:16px;line-height:24px}
.information strong{font-weight:600;color:#080808}
.information .blue{color:#3478ff}
.transfer-title{text-align:center;color:#ed8077;margin-bottom:6px}
.bank-row{display:flex;align-items:stretch;margin-bottom:8px;min-height:59px}
.bank-field{flex:1;min-width:0;border:1px solid #e0e2eb;border-right:0;padding:3px 7px 8px 12px}
.field-value{display:flex;justify-content:flex-end;gap:8px;line-height:25px;text-align:right;overflow-wrap:anywhere}
.copy-button{width:51px;flex:0 0 51px;display:flex;align-items:center;justify-content:center;border:1px solid #fb877d;border-radius:0 4px 4px 0;background:#fff;color:#181a18}
.copy-button:hover{background:#fff5f4}
.copy-button svg{display:block;width:22px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.transfer-actions{align-items:flex-start}
.countdown{font-size:14px;line-height:24px;margin-top:1px;color:#111}
.countdown strong{font-weight:600;color:#fb3f31}
.transfer-information h2{font-size:24px;line-height:30px;font-weight:400;margin:0}
.form-message{margin:12px 0 0;color:#cb3d32;font-size:13px;line-height:21px}
.form-message.neutral{color:#555}
.loading-message{text-align:center;min-height:150px;padding:40px 0;color:#747474}
.restart-link{margin-top:14px}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:10px 18px;background:#303236;color:white;border-radius:4px;font-size:13px;box-shadow:0 3px 18px #0002;max-width:calc(100% - 32px);text-align:center;z-index:10}
@media(max-width:700px){
  body{padding:24px 16px}
  .brand-header{height:100px}
  .content-column{width:calc(100% - 40px)}
  .panel-body{padding:34px 0 30px}
  .amount-title,.transfer-title{font-size:15px}
  .amount-actions{margin-top:32px}
  .information{padding:20px 16px;font-size:13px;line-height:21px}
  .information h2{font-size:22px;line-height:30px;margin-bottom:4px}
  .information p+p{margin-top:3px}
  .field-value{font-size:14px;line-height:23px}
  .bank-field{padding-bottom:8px}
  .bank-row{min-height:59px}
  .copy-button{width:44px;flex-basis:44px}
  .button{font-size:13px;padding:7px 10px}
  .countdown{font-size:12px}
  .actions{gap:8px}
  .desktop-break{display:none}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}