/* Components: forms
 * Rôle: mise en page et états des formulaires signup/distributor.
 * Dépendances: classes HTML de signup.html et distributors.html.
 * Note accessibilité: conserver des contrastes et focus visibles.
 */
.signup-layout{
  display:grid;
  grid-template-columns:0.95fr 1.05fr;
  gap:30px;
  align-items:start;
}

.signup-intro{
  padding:30px;
}

.signup-contact-block{
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,0.08);
}

.signup-contact-block p{
  margin:0 0 16px 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.7;
}

.signup-contact-block p:last-child{
  margin-bottom:0;
}

.signup-contact-block a{
  color:var(--text);
  text-decoration:none;
}

.signup-contact-block a:hover{
  color:var(--accent);
}

.signup-form-card{
  border:1px solid var(--border);
  background:var(--panel);
  border-radius:var(--radius);
  box-shadow:0 12px 32px rgba(0,0,0,0.24);
  padding:30px;
}

.signup-form{
  display:grid;
  gap:18px;
}

.signup-grid-2{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}

.signup-field{
  display:grid;
  gap:8px;
}

.signup-field label{
  color:var(--text);
  font-size:14px;
  font-weight:600;
  letter-spacing:-0.01em;
}

.signup-field label span{
  color:var(--accent2);
}

.signup-field input,
.signup-field textarea{
  width:100%;
  border:1px solid rgba(255,255,255,0.10);
  border-radius:14px;
  background:rgba(255,255,255,0.05);
  color:var(--text);
  font:inherit;
  padding:14px 16px;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.signup-field input::placeholder,
.signup-field textarea::placeholder{
  color:rgba(234,234,234,0.45);
}

.signup-field input:focus,
.signup-field textarea:focus{
  border-color:rgba(127,208,210,0.34);
  box-shadow:0 0 0 4px rgba(127,208,210,0.10);
  background:rgba(255,255,255,0.07);
}

.signup-field textarea{
  resize:vertical;
  min-height:150px;
}

.signup-options{
  display:grid;
  gap:10px;
  padding-top:4px;
}

.signup-option{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--muted);
  font-size:15px;
  font-weight:400;
}

.signup-option input[type="radio"]{
  width:16px;
  height:16px;
  accent-color:var(--accent2);
  margin:0;
}

.signup-actions{
  padding-top:6px;
}

.signup-actions .btn{
  border:none;
  cursor:pointer;
}

@media (max-width: 900px) {
  .signup-layout {
    grid-template-columns: 1fr;
  }

  .signup-grid-2 {
    grid-template-columns: 1fr;
  }
}