
:root{
  --bg: #f6fff9;
  --card: #ffffff;
  --muted: #8aa19a;
  --accent: #163348;
  --input-border: rgba(20,40,40,0.06);
  --label-color: #9aa9a4;
}
.ecp2-wrap{background:linear-gradient(180deg, rgba(242,252,247,1) 0%, rgba(250,255,252,1) 100%); padding:40px; display:flex; justify-content:center}
.ecp2-form{width:100%; max-width:820px; background:var(--card); border-radius:14px; padding:44px; box-shadow:0 10px 30px rgba(8,38,32,0.04); font-family:'Kanit',sans-serif}
.row{display:block; margin-bottom:22px}
.row.two{display:flex; gap:28px}
.field{flex:1; display:flex; flex-direction:column}
.field .label-text{color:var(--label-color); font-size:14px; margin-bottom:10px}
.field input, .field select, .field textarea{
  padding:12px 8px; font-size:18px; border:0; border-bottom:1px solid var(--input-border); outline:none; color:#2b3f3a; background:transparent;
}
.field.textarea textarea{min-height:120px; resize:vertical}
.field input::placeholder{color:transparent}
.field input:focus, .field textarea:focus, .field select:focus{box-shadow:0 6px 18px rgba(22,51,72,0.03); border-bottom-color:rgba(22,51,72,0.08)}

.consent{margin-top:6px}
.consent-label{font-size:13px; color:var(--muted)}

.actions{margin-top:20px}
.btn-download{background:var(--accent); color:#fff; border:0; padding:14px 34px; border-radius:40px; font-size:18px; cursor:pointer; display:inline-flex; align-items:center; gap:12px; box-shadow:0 8px 20px rgba(8,38,32,0.08)}
.btn-download .btn-text{font-weight:600}

/* small screens */
@media(max-width:720px){
  .row.two{flex-direction:column}
  .ecp2-form{padding:28px}
  .field .label-text{font-size:13px}
  .field input, .field textarea{font-size:16px}
  .btn-download{width:100%; justify-content:center}
}
