.signup-main{padding:36px 22px 48px;display:grid;gap:26px;align-items:start}
.eyebrow{margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#806b3c}
.signup-intro h1{font-size:36px;line-height:1.12;letter-spacing:-.035em;margin:0 0 16px;max-width:420px;font-weight:600}
.signup-intro>p:last-of-type{font-size:16px;line-height:1.65;max-width:390px;margin:0;color:#4d655b}
.intro-rule{height:2px;width:56px;background:var(--gold);margin-top:24px}
.signup-card{background:#fffdf9;border:1px solid #ddd9cb;border-radius:16px;padding:26px 22px;box-shadow:0 12px 40px rgb(13 73 56 / .04)}
.signup-card h2{font-size:25px;letter-spacing:-.02em;margin:0 0 8px;font-weight:600}
.form-caption{font-size:13px;color:#5a6b62;margin:0 0 26px}
.account-types{border:0;padding:0;margin:0 0 25px;min-width:0}
.account-types legend,.form-field label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}
.account-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.account-option{display:flex;align-items:center;gap:10px;border:1px solid #bac9c0;border-radius:9px;padding:15px 12px;cursor:pointer;min-width:0}
.account-option:has(input:checked){border-color:var(--green);background:#eef4ef;box-shadow:inset 0 0 0 1px var(--green)}
.account-option input{accent-color:var(--green);width:18px;height:18px;margin:0;flex-shrink:0}
.account-option strong{font-size:14px;display:block}
.account-option small{font-size:11px;display:block;line-height:1.4;color:#576a5f;margin-top:4px}
.form-field{margin-bottom:21px}
.form-field input,.form-field select{display:block;width:100%;height:49px;min-height:49px;border:1px solid #bac9c0;border-radius:7px;padding:12px 14px;font:inherit;font-size:16px;color:var(--green);background:white}
.form-field input:focus-visible,.form-field select:focus-visible,.account-option input:focus-visible,.signup-button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.signup-button{border:0;display:flex;justify-content:center;align-items:center;gap:16px;min-height:51px;width:100%;padding:13px 20px;border-radius:7px;background:var(--green);color:var(--white);font:inherit;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px}
.signup-button:hover{background:#073c2d}
.form-errors{background:#fff3ef;border:1px solid #d2a18f;color:#773a2a;border-radius:8px;padding:15px;margin-bottom:24px;font-size:14px;line-height:1.5}
.form-errors p{margin:0;font-weight:600}
.form-errors ul{margin:8px 0 0;padding-left:20px}
.signup-success p{line-height:1.7;color:#4d655b;margin-bottom:28px}
.success-mark{display:flex;align-items:center;justify-content:center;font-size:26px;width:54px;height:54px;border-radius:50%;background:#eef4ef;margin-bottom:22px}
@media(min-width:700px){.signup-main{max-width:1100px;padding:64px 40px 72px;grid-template-columns:1fr 1.15fr;gap:50px}.signup-intro{padding-top:30px}.signup-intro h1{font-size:48px}.signup-card{padding:34px 32px}}
@media(min-width:1000px){.signup-main{gap:90px;padding-top:76px;padding-bottom:88px}.signup-intro h1{font-size:56px}.signup-card{padding:38px}}
@media(max-width:359px){.signup-main{padding-left:16px;padding-right:16px}.signup-card{padding:22px 16px}.account-options{gap:8px}.account-option{padding:13px 8px;gap:7px}}

.field-help{display:block;font-size:12px;line-height:1.5;color:#576a5f;margin-top:8px}

/* Use the same field styling instead of the browser's native select theme. */
.form-field select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  padding-right:44px;
  cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%230d4938' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
  background-size:16px 16px;
}
.form-field select option{color:#0d4938;background:#fff}