/* Contact Page */
.contact-grid { display: grid; grid-template-columns: 1.3fr 0.7fr; gap: 60px; align-items: start; }
.contact-form-wrap h2 { font-size: 1.6rem; font-weight: 700; margin-bottom: 8px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.form-group { margin-bottom: 16px; }
.form-group label { display: block; font-size: 0.82rem; font-weight: 600; margin-bottom: 8px; color: var(--text-secondary); }
.form-group input, .form-group textarea, .form-group select {
  width: 100%; padding: 14px 18px; background: var(--bg-card); border: 1px solid var(--border-light);
  border-radius: 12px; color: var(--text-primary); font-family: var(--font-display); font-size: 0.9rem;
  transition: border-color 0.3s; resize: none;
}
.form-group select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7589' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; padding-right: 40px; }
.form-group input::placeholder, .form-group textarea::placeholder { color: var(--text-muted); }
.form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline: none; border-color: var(--accent); }

/* Contact Info Cards */
.contact-info { display: flex; flex-direction: column; gap: 20px; }
.contact-info-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px; transition: var(--transition); }
.contact-info-card:hover { border-color: rgba(245,166,35,0.12); transform: translateY(-3px); }
.ci-icon { width: 48px; height: 48px; border-radius: 12px; background: rgba(245,166,35,0.08); color: var(--accent); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; margin-bottom: 16px; }
.contact-info-card h3 { font-size: 1rem; font-weight: 600; margin-bottom: 6px; }
.contact-info-card a { color: var(--accent); font-size: 0.92rem; font-weight: 500; display: block; margin-bottom: 4px; transition: color 0.3s; }
.contact-info-card a:hover { color: var(--accent-light); }
.contact-info-card p { font-size: 0.78rem; color: var(--text-muted); }

@media (max-width: 1024px) { .contact-grid { grid-template-columns: 1fr; gap: 40px; } }
@media (max-width: 768px) { .form-row { grid-template-columns: 1fr; } }