.contact-page {
 --background: var(--ion-background-color);
 padding: 16px;
}

.contact-card {
 margin: 16px;
 border-radius: 16px;
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.contact-heading {
 text-align: center;
 font-weight: 600;
 color: var(--ion-text-color);
}

.contact-form ion-item {
 margin-bottom: 10px;
}

.contact-info-card {
 margin: 16px;
 border-radius: 16px;
 background: var(--ion-color-light);
}

.social-icons {
 display: flex;
 justify-content: center;
 margin-top: 10px;
}

.social-icons ion-button {
 margin: 0 4px;
 color: var(--ion-color-primary);
}