:root{
  --bg: #eefbf6; /* pale green background */
  --card-bg: #ffffff;
  --label-color: #6f8b86;
  --placeholder-color: #6f8b86;
  --underline: rgba(20,40,40,0.08);
  --btn-bg: #21374d;
  --btn-radius: 40px;
}
*{box-sizing:border-box}
.efx-outer{background:linear-gradient(180deg, rgba(241,253,248,1) 0%, rgba(250,255,250,1) 100%); padding:40px; display:flex; justify-content:center; font-family: 'Kanit', sans-serif;}
.efx-card{width:100%; max-width:760px; background:var(--card-bg); border-radius:18px; padding:42px 56px; box-shadow:0 4px 30px rgba(20,40,40,0.02);}

/* large spacing and airy feel */
.efx-form{display:block}
.efx-label{display:block; margin-bottom:30px; color:var(--label-color); font-weight:500; font-size:20px; line-height:1.6}
.efx-label input, .efx-label textarea{display:block; width:100%; margin-top:14px; padding:10px 6px; font-size:18px; border:0; border-bottom:1px solid var(--underline); outline:none; background:transparent; color:#334b47;}
.efx-label.efx-text{font-size:18px}
.efx-label textarea{min-height:120px; resize:vertical; padding-top:18px; padding-bottom:18px}

/* underline focus */
.efx-label input:focus, .efx-label textarea:focus{box-shadow:0 6px 20px rgba(20,40,40,0.04); border-bottom-color:rgba(20,40,40,0.12)}

/* actions */
.efx-actions{margin-top:18px}
.efx-btn{display:inline-flex; align-items:center; gap:12px; background:var(--btn-bg); color:#fff; padding:16px 34px; border-radius:var(--btn-radius); border:0; cursor:pointer; font-size:18px; box-shadow:0 6px 18px rgba(33,55,77,0.12)}
.efx-ico{color:#cfe6f3}

/* success */
.efx-success{margin-top:20px; color:#097a3f; font-weight:600; font-size:16px}

/* responsive */
@media(max-width:780px){
  .efx-card{padding:28px 20px}
  .efx-label{font-size:18px}
  .efx-label input, .efx-label textarea{font-size:16px}
  .efx-btn{padding:12px 22px; font-size:16px; width:70%}
}