@import url('fonts.css');
body, input, select, textarea { font-family: 'Inter', 'Poppins', Arial, sans-serif; }
.wpdpro-box { background: #fff; max-width: 460px; margin: 44px auto; border-radius: 13px; box-shadow: 0 2px 18px #e3f3ef; padding: 32px 26px 24px; }
.wpdpro-banner { text-align:center; margin-bottom:20px; }
.wpdpro-banner img { max-height: 80px; }
.wpdpro-hdr { font-size:22px; color:#189e7a; margin-bottom:20px;}
.wpdpro-fields label { display:block; margin-bottom:19px; }
.wpdpro-label { font-size:15.5px;font-weight:500;margin-bottom:4px;display:block;color:#4b5661; }
input, select, textarea {padding: 8px 10px; margin-top: 2px; font-size:15.5px; border:1.3px solid #d3e6de;border-radius:6px; width:100%; background-color: #fafefc;}
.wpdpro-dd { background: #f6fff8 url('data:image/svg+xml;utf8,<svg...') no-repeat 96% 50%/14px; appearance: none; -webkit-appearance: none;}
.wpdpro-amt-wrap{margin-bottom:12px;}
.wpdpro-amt-btn{display:inline-block;margin-right:14px;}
.btn, .wpdpro-submit-btn {
  background: linear-gradient(90deg,#14b678 50%,#22bfa8 100%);
  color: #fff; font-weight:700; border:0; border-radius:4px; padding:8px 0; width:100%; font-size:1.1em; margin:20px 0 0;
  box-shadow:0 1px 8px #d5f7e1; cursor:pointer; transition:all.15s;}
.btn:hover { background:#12a36a; }
.wpdpro-stepnav { display:flex; justify-content:space-between; gap:18px; }
.wpdpro-optional-block{background:#f2fffa;padding:12px 12px 2px 12px;margin-bottom:12px;border-radius:8px;}
.wpdpro-qr-codes{display:flex; gap:26px; justify-content:center; margin:18px 0;}
.qr-block{background:#fafafa;border-radius:5px;border:1px solid #e0ece6;box-shadow:0 1px 6px #e8ecee;padding:6px 11px;}
.wpdpro-bank-box{background:#f9f9f9;border-radius:7px;padding:12px 16px;border:1.5px solid #e5f4e4;}
.wpdpro-gap{height:8px;}
@media (max-width:700px){.wpdpro-qr-codes{flex-direction:column;gap:10px;align-items:center;} .qr-block{width:90vw;max-width:303px;}}
@media (max-width:630px){.wpdpro-box{padding:12px 2vw;} .wpdpro-fields label{margin-bottom:13px;}}