.chatomatic-app { max-width: 980px; margin: 20px auto; padding: 0 14px; }
#chatomatic-payment-form, #chatomatic_payment_form { box-sizing: border-box; }
#chatomatic-payment-app { display:flex; justify-content:center; align-items:flex-start; min-height:60vh; }
#chatomatic_payment_form { width:100%; max-width:520px; background:#fff; padding:28px; border-radius:10px; box-shadow:0 8px 30px rgba(0,0,0,0.06); }
.chatomatic-app h2 { margin-top:0; text-align:left; }
.chatomatic-app label { display:block; margin:10px 0; }
.chatomatic-app input[type="text"], .chatomatic-app input[type="email"], .chatomatic-app input[type="number"], .chatomatic-app select { padding:8px; width:100%; max-width:100%; box-sizing:border-box; }
.chatomatic-app .button { margin-top:10px; display:inline-block; padding:10px 14px; border-radius:6px; cursor:pointer; }
.chatomatic-app .hint { color:#666; font-size:13px; margin-top:6px; }
@media (max-width:600px) {
  #chatomatic_payment_form { padding:16px; border-radius:6px; }
}