/* /contact.css */
.contact-grid { width: var(--container-max); margin: 0 auto; display: grid; grid-template-columns: 1.6fr 1fr; gap: clamp(24px, 3vw, 40px); }
.contact-form-card, .contact-info-card { background: #fff; border: 1px solid var(--gray-light); border-radius: var(--radius-xl); padding: clamp(24px, 2.6vw, 36px); box-shadow: 0 4px 20px rgba(10,26,56,.06); }
.contact-info-card { background: linear-gradient(135deg, var(--primary), var(--primary-light)); color: #fff; border: none; }
.contact-info-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 20px; }
.info-row { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 22px; font-size: .88rem; }
.info-row i { color: var(--gold); font-size: 1.1rem; margin-top: 3px; }
.info-label { font-size: .72rem; opacity: .7; margin-bottom: 3px; }
.form-group { margin-bottom: 16px; }
.form-group label { display: block; font-size: .82rem; font-weight: 600; color: var(--primary); margin-bottom: 6px; }
.form-input { width: 100%; padding: 11px 14px; border: 1.5px solid var(--gray-light); border-radius: var(--radius); font-size: .9rem; font-family: inherit; outline: none; }
.form-input:focus { border-color: var(--primary); }
.form-alert { display: none; padding: 12px 16px; border-radius: var(--radius); font-size: .85rem; margin-bottom: 16px; }
.form-alert.show-error { display: block; background: rgba(192,57,43,.08); color: var(--red); }
.form-alert.show-success { display: block; background: rgba(26,107,58,.08); color: var(--green); }
@media (max-width: 900px) { .contact-grid { grid-template-columns: 1fr; } }