/* Contact page */
.contact-form { max-width: 600px; }
.form-group { margin-bottom: 1.5rem; }
.form-group label {
  display: block; font-size: var(--fs-small); font-weight: 500;
  margin-bottom: 0.5rem; color: var(--c-text-muted);
}
.form-group input,
.form-group textarea,
.form-group select {
  width: 100%; padding: 0.875rem 1rem; font-family: var(--f-sans);
  font-size: var(--fs-small); color: var(--c-text); background: var(--c-glass);
  border: 1px solid var(--c-border); border-radius: var(--r-md);
  transition: border-color var(--transition);
  outline: none;
}
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
  border-color: var(--c-border-accent);
}
.form-group textarea { resize: vertical; min-height: 120px; }
.form-group select {
  appearance: none; -webkit-appearance: none;
  padding-right: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238a8680' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 12px 8px;
}
.form-group select option { background: var(--c-bg); color: var(--c-text); }
.form-note { font-size: var(--fs-caption); color: var(--c-text-dim); margin-top: 1rem; }