:root{--primary-color: #1c6894;--dark-text: #1b1b1b;--body-text: #595959;--light-gray: #f8f9fa;--border-color: #e2e2e2}.referrals-page-content.svelte-8ptyrh{max-width:1280px;margin:0 auto;padding:3rem 1.5rem;font-family:Lato,arial,sans-serif}.referrals-section.svelte-8ptyrh{text-align:center}h1.svelte-8ptyrh{font-family:Cabin,arial,sans-serif;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:4px;color:#fff;background-color:var(--dark-text);padding:.5rem 1rem;margin:0 auto 3rem;display:inline-block}.referrals-grid.svelte-8ptyrh{list-style:none;padding:0;margin:0;display:grid;gap:1.5rem 2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));text-align:left}.referrals-grid.svelte-8ptyrh li:where(.svelte-8ptyrh){color:var(--body-text);font-size:1rem;padding:1rem;background-color:var(--light-gray);border-left:4px solid var(--primary-color);transition:background-color .2s ease}.referrals-grid.svelte-8ptyrh li:where(.svelte-8ptyrh):hover{background-color:#e9ecef}@media(max-width:767px){.referrals-grid.svelte-8ptyrh{grid-template-columns:1fr;gap:1rem}}