/* Contact page — unique styling */
.contact-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: var(--spacing-2xl); align-items: start; }
.form-row { margin-bottom: var(--spacing-lg); display: flex; flex-direction: column; gap: var(--spacing-sm); }
.form-row-group { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-lg); }
label { font-family: var(--font-mono); font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-light); }
input, textarea {
    border: 1px solid var(--border-color); border-radius: var(--radius-sm);
    padding: 12px 14px; font-size: 0.95rem; color: var(--text-color); background: var(--bg-primary);
    transition: border-color var(--transition);
}
input:focus, textarea:focus { outline: none; border-color: var(--accent-color); }
textarea { resize: vertical; }

.contact-info-card { background: var(--bg-secondary); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: var(--spacing-xl); }
.contact-info-card h3 { font-size: 1.22rem; margin-bottom: var(--spacing-md); }
.contact-info-card p { display: flex; align-items: center; gap: var(--spacing-sm); font-size: 1.1rem; margin-bottom: var(--spacing-md); color: var(--text-light); }
.contact-info-card p i { color: var(--accent-color); width: 20px; font-size: 1.1rem; }
.contact-info-card p a { color: var(--text-color); }
.contact-info-card p a:hover { color: var(--accent-dark); }

@media (max-width: 860px) {
    .contact-grid { grid-template-columns: 1fr; }
    .form-row-group { grid-template-columns: 1fr; }
}