/* ============================================================
   Contact page (about/contact)
   ============================================================ */

.contact-info-panel,
.contact-form-panel {
    background: var(--surface, #1c1c1c);
    border: 1px solid var(--border, rgba(18, 114, 186, 0.25));
    border-radius: 12px;
    padding: 2.5rem;
    height: 100%;
}

.contact-details {
    margin-top: 1.5rem;
}

@media (max-width: 575px) {
    .contact-info-panel,
    .contact-form-panel {
        padding: 1.75rem;
    }
}