/*──────────────────────────  SIGNUP  ─────────────────────────*/
.signup{
  max-width:600px;
  margin:auto;
  padding: 0 1rem 4rem 1rem;
}
.signup h2 {font-size: 32px;}
.signup form{display:flex;flex-direction:column;gap:1rem}
.signup input{
  padding:.9rem 1rem;
  border:1px solid var(--c-border);
  border-radius:var(--radius);
  font-size:1rem;
  background-color: var(--c-surface);
  color: var(--c-text-primary);
  transition: background var(--transition), color var(--transition), border-color var(--transition);
}
.signup input::placeholder {color: var(--c-text-placeholder); transition: color var(--transition);}
.signup button{
  cursor:pointer;
  border: none;
  background: var(--c-primary);
  color: var(--c-primary-text-on);
  padding: .9rem 1rem;
  border-radius: var(--radius);
  font-size: 1rem;
  font-weight: 600;
  transition: background var(--transition), color var(--transition);
}
.signup button:hover {background: var(--c-primary-dark);}