body, html {
  font-family: 'DM Sans', sans-serif;
  background: #FAF8F4;
  color: #1C1C1A;
  margin: 0; padding: 0; width: 100%;
  display: flex; justify-content: center;
}
.container {
  padding: 30px 15px;
  text-align: center;
  width: 100%;
  max-width: 500px;
  box-sizing: border-box;
}
.logo-header { width: 100%; max-width: 280px; margin: 0 auto 20px auto; display: block; height: auto; }
h1 { font-size: 28px; font-weight: 700; color: #2D5F3F; margin-bottom: 30px; }
.form-step { display: none; }
.active { display: block !important; }
.field { margin-bottom: 30px; text-align: left; width: 100%; }
label { display: block; font-size: 20px; font-weight: 700; margin-bottom: 10px; color: #444; }
.desc { font-size: 14px; font-style: italic; color: #666; margin-bottom: 8px; display: block; line-height: 1.2; }

input, select {
  width: 100%; height: 60px; padding: 0 15px; border: 2px solid #D8D4CC;
  border-radius: 12px; font-size: 16px; font-weight: 700; box-sizing: border-box;
  background-color: white;
}

.currency-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.currency-symbol {
  position: absolute;
  left: 15px;
  font-size: 18px;
  font-weight: 700;
  color: #1C1C1A;
}
.currency-wrapper input {
  padding-left: 35px;
}

.btn-next, .btn-submit {
  width: 100%; height: 70px; background: #2D5F3F; color: #FFFFFF;
  border: none; border-radius: 12px; font-size: 24px; font-weight: 700; cursor: pointer; margin-top: 10px;
}
.btn-back {
  width: 100%; height: 70px; background: #E8E6E1; color: #1C1C1A;
  border: none; border-radius: 12px; font-size: 24px; font-weight: 700; cursor: pointer; margin-top: 10px;
}
.summary-box { background: #fff; padding: 20px; border-radius: 15px; border: 2px solid #D8D4CC; text-align: left; margin-bottom: 20px;}
.other-input { display: none; margin-top: 10px; }
#success-icon { font-size: 60px; color: #2D5F3F; margin-bottom: 20px; }