/* /assets/lumen/contact.css — v4.1.0 */
:root{ --lx-ring:#e2e8f0; --lx-muted:#475569; --lx-soft:#f8fafc; }
.lx-cgrid{ display:grid; grid-template-columns:1fr; gap:14px }
@media (min-width: 980px){ .lx-cgrid{ grid-template-columns: 1.4fr 1fr } }
.lx-card{ background:#fff; border:1px solid var(--lx-ring); border-radius:16px; padding:16px }
.lx-input, .lx-text{ width:100%; border:1px solid var(--lx-ring); border-radius:12px; padding:12px }
.lx-text{ min-height:160px }
.lx-btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:12px 18px; border-radius:12px; color:#fff; border:none; background:linear-gradient(135deg,#22d3ee,#2563eb) }
.lx-muted{ color:var(--lx-muted) }
.lx-map{ background:var(--lx-soft); border:1px solid var(--lx-ring); border-radius:12px; aspect-ratio: 16/9; overflow:hidden }