:root {
  --border:#d3d7de;
  --text:#0f172a;
  --muted:#6b7280;
  --danger:#b91c1c;
}

body {
  background: white center repeat;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  margin: 24px auto;
  padding: 8px;
}

h1 {
  margin: 0 0 12px;
  text-align: center;
}

h3 {
  text-align: center;
}

img {
  display: block;
  margin: auto;
}

.box { max-width: 520px; margin: 0 auto; }
.sub { color: var(--muted); margin: 0 0 16px; }
.currency-wrap { margin: 8px 0 6px; }
.currency-input {
  position: relative; display: flex; align-items: center;
  border: 1px solid var(--border); border-radius: 12px; padding: 10px 14px 10px 40px;
}
.currency-input:focus-within { box-shadow: 0 0 0 3px rgba(99,102,241,.15); }
.prefix {
  position: absolute; left: 14px; color: var(--muted); font-size: 18px; user-select: none; pointer-events: none;
}
.currency-input input {
  border: 0; outline: none; width: 100%;
  font-size: 28px; font-weight: 700; letter-spacing: .3px; background: transparent;
}
.hint { color: var(--muted); font-size: 14px; margin-top: 6px; }
.error { color: var(--danger); font-size: 14px; margin-top: 6px; display: none; }
.section { margin-top: 22px; }
.btn { padding: 14px 16px; border: 0; border-radius: 10px; cursor: pointer; font-size: 16px; width: 100%; border: 2px solid #CCCCCC; }
.btn[disabled] { opacity: .5; cursor: not-allowed; }
#express-checkout { margin: 12px 0 16px; }
#apple-hint { display:none; }
#cashapp-btn{
  background-color: #00cf31;
}