/* The Get started form. Everything shared (tokens, card, fields, button, error) comes from
   /login/login.css; this file only adds what a form with a note field needs. */

.signin-column {
  max-width: 460px;
}

.lead {
  margin: -0.5rem 0 1.25rem;
  color: var(--ink-soft);
  font-size: 0.95rem;
}

select.input,
textarea.input {
  height: auto;
}

select.input {
  height: var(--control-h);
}

textarea.input {
  padding: 0.75rem 0.9rem;
  resize: vertical;
  min-height: 7.5rem;
  font-family: var(--font-text);
}

textarea.input::placeholder {
  color: rgba(195, 195, 204, 0.6);
}

.optional {
  color: var(--ink-soft);
  font-weight: 400;
}

/* Off-screen, not display:none: bots that skip hidden fields still fill this one. */
.trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.card-foot {
  margin-bottom: -0.35rem;
}