#contact { background: var(--bg-secondary); position: relative; }
#contact::before {
  content: ''; position: absolute; top: 0; right: 0; width: 400px; height: 400px;
  background: radial-gradient(circle, var(--accent-glow), transparent 70%);
  pointer-events: none;
}
.contact-grid {
  display: grid; grid-template-columns: 380px 1fr; gap: 40px;
  margin-top: 40px; align-items: start;
}
.contact-grid iframe {
  width: 100%; min-height: 420px; border-radius: 12px;
  background: var(--bg-card); border: 1px solid var(--border-subtle);
}
.contact-info h3 { font-size: 1.1rem; margin-bottom: 16px; }
.contact-info p { color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 24px; }
.contact-form { display: flex; flex-direction: column; gap: 14px; }
.contact-visual {
  width: 100%; border-radius: 14px; margin-top: 20px;
  border: 1px solid var(--border-subtle);
  box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}