/* Minted — form field set. Input boundaries use --minted-stroke-input (55% green),
   not the 20% card hairline: field edges need 3:1 contrast. */
.field{display:grid;gap:8px;align-content:start}
.field--full{grid-column:1/-1}
.field__label{font-family:var(--minted-font-mono);font-size:var(--minted-size-label);font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--minted-text-label)}
.field__input{width:100%;min-height:44px;background:var(--minted-bg-surface);border:1px solid var(--minted-stroke-input);border-radius:var(--minted-radius);color:var(--minted-neutral-100);font-family:var(--minted-font-body);font-size:var(--minted-size-body);line-height:1.5;padding:16px 18px;transition:border-color var(--minted-dur-fast) var(--minted-ease-state),box-shadow var(--minted-dur-fast) var(--minted-ease-state),background-color var(--minted-dur-fast) var(--minted-ease-state)}
.field__input::placeholder{color:var(--minted-text-faint)}
.field__input:hover{border-color:var(--minted-stroke-input-hover)}
.field__input:focus{outline:none;border-color:var(--minted-green-300);box-shadow:0 0 0 1px var(--minted-green-300),0 0 28px rgba(36,191,120,0.18);background:var(--minted-bg-cell)}
textarea.field__input{resize:vertical;min-height:150px}
select.field__input{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 49%,var(--minted-green-300) 51%),linear-gradient(135deg,var(--minted-green-300) 49%,transparent 51%);background-repeat:no-repeat;background-position:calc(100% - 24px) 55%,calc(100% - 18px) 55%;background-size:6px 6px}
select.field__input option{background:var(--minted-dark-850);color:var(--minted-neutral-100)}
.field--err .field__input{border-color:var(--minted-field-error);box-shadow:0 0 0 1px var(--minted-field-error)}
.field__msg{margin:0;font-size:0.85rem;line-height:1.5;color:var(--minted-field-error-text);display:flex;align-items:center;gap:8px}
.field__msg::before{content:"";width:8px;height:8px;background:var(--minted-field-error);flex:none}
.field__msg[hidden]{display:none}
/* work emails only, with a way out (step 7): guidance, not an error, so no marker and one flowing sentence */
.gg-wayout{margin:0;font-size:0.85rem;line-height:1.5;color:var(--minted-text-secondary)}
.gg-wayout a{color:var(--minted-green-100);text-decoration:underline;text-underline-offset:2px}
.field__hint{font-family:var(--minted-font-mono);font-size:0.7rem;color:var(--minted-text-faint);letter-spacing:0.06em}

.form-sent{margin:0;display:grid;justify-items:center;gap:var(--minted-space-3);padding:24px 20px 4px;text-align:center}
.form-sent__badge{position:relative;width:64px;height:64px;display:grid;place-content:center;background:var(--minted-green-500);box-shadow:var(--minted-shadow-btn-hover);animation:sent-pop 560ms var(--minted-ease-enter) both}
.form-sent__badge svg path{stroke-dasharray:34;stroke-dashoffset:34;animation:sent-check 420ms var(--minted-ease-state) 280ms forwards}
.form-sent__cells{position:absolute;inset:0;pointer-events:none}
.form-sent__cells i{position:absolute;width:8px;height:8px;background:var(--minted-green-300);opacity:0;animation:sent-cell 700ms var(--minted-ease-enter) both}
.form-sent__cells i:nth-child(1){left:-18px;top:6px;animation-delay:300ms}
.form-sent__cells i:nth-child(2){right:-16px;top:-12px;background:var(--minted-green-100);animation-delay:380ms}
.form-sent__cells i:nth-child(3){right:-22px;bottom:8px;animation-delay:340ms}
.form-sent__cells i:nth-child(4){left:-12px;bottom:-14px;background:var(--minted-green-100);animation-delay:440ms}
.form-sent__text{margin:0;font-family:var(--minted-font-mono);font-size:var(--minted-size-btn);font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--minted-green-300);animation:sent-fade 400ms ease-out 380ms both}
@keyframes sent-pop{0%{transform:scale(0.2) rotate(-8deg);opacity:0}62%{transform:scale(1.14) rotate(2deg);opacity:1}100%{transform:scale(1) rotate(0deg);opacity:1}}
@keyframes sent-check{to{stroke-dashoffset:0}}
@keyframes sent-cell{0%{transform:scale(0);opacity:0}55%{transform:scale(1.3);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes sent-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.form-sent__badge,.form-sent__badge svg path,.form-sent__cells i,.form-sent__text{animation:none;opacity:1;stroke-dashoffset:0;transform:none}}


/* ============ AMENDMENT 01 · inputs are recessed ============
   An input is a hole, not a card: recessed ground, inverted light. The 55%
   green boundary is unchanged, since a field edge still needs its 3:1. */
.field__input{
  background-color:var(--minted-surface-recessed);
  background-image:var(--minted-recessed-face);
  box-shadow:var(--minted-press-deep)}