#customer-support{background-position:center 70%!important}.quick-actions.svelte-16y3yde{padding:4rem 0;background:linear-gradient(135deg,var(--color-surface-100) 0%,var(--color-surface-50) 100%)}.quick-actions.svelte-16y3yde h2:where(.svelte-16y3yde){text-align:center;font-size:2.5rem;color:var(--color-primary-500);margin-bottom:3rem}.login-button-container.svelte-16y3yde{text-align:center;margin-top:3rem}.contact-section.svelte-16y3yde{padding:4rem 0}.contact-content.svelte-16y3yde{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info.svelte-16y3yde h2:where(.svelte-16y3yde){color:var(--color-primary-500);font-size:2.25rem;margin-bottom:1rem}.contact-info.svelte-16y3yde>p:where(.svelte-16y3yde){font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem}.support-form.svelte-16y3yde .btn:where(.svelte-16y3yde){width:100%}.support-form.svelte-16y3yde h3:where(.svelte-16y3yde){color:var(--color-secondary-500)}.support-form.svelte-16y3yde label:where(.svelte-16y3yde){color:var(--color-primary-500)}.support-form.svelte-16y3yde select:where(.svelte-16y3yde){border-color:var(--color-surface-300);background-color:var(--color-surface-50);color:var(--color-surface-950)}.support-form.svelte-16y3yde select:where(.svelte-16y3yde):invalid{color:#999}.support-form.svelte-16y3yde select:where(.svelte-16y3yde):focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px #3877ff1a;background-color:var(--color-surface-50)}.support-form.svelte-16y3yde select:where(.svelte-16y3yde) option:where(.svelte-16y3yde){background-color:var(--color-surface-50);color:var(--color-surface-950)}.support-form.svelte-16y3yde select:where(.svelte-16y3yde) option[value=""]:where(.svelte-16y3yde){color:#999}.faq-section.svelte-16y3yde{padding:4rem 0;background:linear-gradient(90deg,var(--color-surface-50) 0%,var(--color-surface-100) 100%)}.faq-section.svelte-16y3yde h2:where(.svelte-16y3yde){text-align:center;font-size:2.25rem;color:var(--color-primary-500);margin-bottom:3rem}@media (max-width: 768px){.quick-actions.svelte-16y3yde h2:where(.svelte-16y3yde),.faq-section.svelte-16y3yde h2:where(.svelte-16y3yde){font-size:2rem}.contact-content.svelte-16y3yde{grid-template-columns:1fr;gap:2rem}}@media (max-width: 480px){.quick-actions.svelte-16y3yde,.contact-section.svelte-16y3yde,.faq-section.svelte-16y3yde{padding:3rem 0}}
