.contact-layout {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}



.contact-highlights {
  margin-top: var(--space-4);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

.contact-highlight-card {
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  padding: var(--space-4);
  box-shadow: var(--shadow-sm);
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.contact-highlight-card h2 {
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-2);
}

.contact-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1.3fr);
  gap: var(--space-6);
  align-items: flex-start;
}

.contact-form-card {
  border-radius: var(--radius-xl);
  background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.16), transparent 55%),
              radial-gradient(circle at bottom right, rgba(74, 222, 128, 0.12), transparent 55%),
              var(--color-surface-alt);
  padding: var(--space-6);
  box-shadow: var(--shadow-soft);
  border: 1px solid rgba(148, 163, 184, 0.4);
}

.contact-form-card h2 {
  margin-bottom: var(--space-2);
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.form-row-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

.form-field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.form-field label {
  font-size: var(--font-size-sm);
  color: var(--gray-100);
}

.form-field textarea {
  min-height: 9rem;
  resize: vertical;
}

.form-inline-meta {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.form-checkbox {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}

.form-checkbox input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
  margin-top: 0.15rem;
}

.form-checkbox a {
  color: var(--color-primary);
}

.form-checkbox a:hover {
  color: #3b82f6;
}

.form-helper {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-relaxed);
}

.contact-submit-btn {
  align-self: flex-start;
}

.form-disclaimer {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-relaxed);
}

.contact-aside {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.contact-aside-block {
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  padding: var(--space-4);
  border: 1px solid rgba(31, 41, 55, 0.9);
}

.contact-aside-block h2 {
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-2);
}

@media (max-width: 960px) {
  .contact-main-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 768px) {
  .contact-form-card {
    padding: var(--space-4);
  }

  .contact-highlights {
    grid-template-columns: minmax(0, 1fr);
  }

  .form-row-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 480px) {
  .contact-layout {
    gap: var(--space-4);
  }

  .contact-submit-btn {
    width: 100%;
  }
}