@media (max-width: 768px) {
    .membership-hero h1 { font-size: 32px !important; }
    .membership-hero { padding: 48px 0 !important; }
    .membership-benefits { grid-template-columns: 1fr !important; }
    .membership-benefits > div { padding: 24px !important; }
    .membership-pricing { grid-template-columns: 1fr !important; }
    .membership-pricing-title { font-size: 24px !important; }
}