.container.customer-support-page { margin: calc(var(--header-h, 58px) + 24px) auto 40px; max-width: 1050px; padding: 32px 24px; color: #253244; background: transparent; box-shadow: none; }
.support-intro { margin-bottom: 30px; text-align: center; }
.support-icon { display: inline-grid; place-items: center; width: 64px; height: 64px; margin-bottom: 16px; border-radius: 20px; background: #e9eff6; color: #536f94; font-size: 1.6rem; }
.support-intro h1 { font-size: 1.8rem; font-weight: 750; }
.customer-support-page p { color: #718096; line-height: 1.65; text-align: inherit; }
.support-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.support-card { display: flex; flex-direction: column; align-items: flex-start; padding: 28px; border: 1px solid #e0e4eb; border-radius: 16px; background: #fff; text-align: left; }
.support-card > i { margin-bottom: 18px; color: #536f94; font-size: 1.3rem; }
.customer-support-page h2 { font-size: 1.1rem; font-weight: 750; }
.support-card p { flex: 1; }
.support-primary { padding: 10px 16px; border-radius: 10px; background: #536f94; color: #fff; overflow-wrap: anywhere; white-space: normal; }
.support-primary:hover { background: #405d7e; color: #fff; }
.support-help { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 20px; padding: 24px 28px; border-radius: 16px; background: #edf2f7; text-align: left; }
.support-help p { margin: 0; }
.support-secondary { border: 1px solid #c9d6e5; border-radius: 10px; background: #fff; color: #405d7e; }
.support-secondary:hover { background: #e1e9f3; color: #405d7e; }
@media (max-width: 767.98px) { .customer-support-page { padding: 24px 16px; } .support-grid { grid-template-columns: minmax(0, 1fr); } .support-card { padding: 24px; } .support-help { align-items: flex-start; flex-direction: column; padding: 24px; } }