:root{--primary-blue: #2B4B8C;--secondary-purple: #6B5CA5;--earthy-green: #2D5F2D;--warm-gold: #DAA520;--dark-gold: #B8860B;--light-background: #f8fafc;--content-text: #4b5563;--border-color: #e5e7eb;--text-dark: #374151;--text-light: #6b7280;--warning-orange: #f59e0b}.page-container.svelte-10io95l{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:100vh;background-color:var(--light-background)}.content.svelte-10io95l{min-width:0;width:100%}h1.svelte-10io95l,h2.svelte-10io95l{margin:0;line-height:1.2;font-weight:600}p.svelte-10io95l{margin:0;line-height:1.6}.hero-section.svelte-10io95l{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-purple));border-radius:1rem;padding:3rem 2rem;margin-bottom:2rem;color:#fff;text-align:center;box-shadow:0 4px 6px #0000001a}.hero-content.svelte-10io95l{max-width:800px;margin:0 auto}.hero-content.svelte-10io95l h1:where(.svelte-10io95l){font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.hero-subtitle.svelte-10io95l{font-size:1.25rem;margin-bottom:1.5rem;opacity:.9;font-weight:400}.hero-intro.svelte-10io95l{font-size:1.125rem;line-height:1.6;max-width:600px;margin:0 auto;opacity:.85;font-weight:300}.contribution-section.svelte-10io95l{background:#fff;border-radius:1rem;padding:0;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a;border:1px solid var(--border-color);overflow:hidden}.contribution-content.svelte-10io95l{background-color:#f59e0b0d;border:1px solid rgba(245,158,11,.2);padding:2.5rem}.contribution-header.svelte-10io95l{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.contribution-icon.svelte-10io95l{font-size:3rem;color:var(--warning-orange);flex-shrink:0;line-height:1}.contribution-header.svelte-10io95l h2:where(.svelte-10io95l){color:var(--warning-orange);font-size:1.875rem;font-weight:700;margin:0;line-height:1.2}.contribution-body.svelte-10io95l p:where(.svelte-10io95l){color:var(--content-text);font-size:1.25rem;line-height:1.7;margin-bottom:2.5rem;max-width:none}.contribution-actions.svelte-10io95l{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.contribution-actions.svelte-10io95l .primary-btn:where(.svelte-10io95l){background-color:var(--warning-orange);color:#fff;font-size:1.125rem;padding:1rem 2.5rem;font-weight:600}.contribution-actions.svelte-10io95l .primary-btn:where(.svelte-10io95l):hover{background-color:#d97706}.contribution-actions.svelte-10io95l .secondary-btn:where(.svelte-10io95l){background-color:var(--secondary-purple);color:#fff;border-color:var(--secondary-purple)}.contribution-actions.svelte-10io95l .secondary-btn:where(.svelte-10io95l):hover{background-color:var(--primary-blue)}button.svelte-10io95l{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;outline:none;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.primary-btn.svelte-10io95l{background-color:var(--primary-blue);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.primary-btn.svelte-10io95l:hover{background-color:var(--secondary-purple);transform:translateY(-1px)}.primary-btn.svelte-10io95l:active{transform:translateY(0)}.secondary-btn.svelte-10io95l{background-color:#fff;color:var(--primary-blue);border:1px solid var(--primary-blue);padding:.625rem 1.25rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.secondary-btn.svelte-10io95l:hover{background-color:#2b4b8c0d;transform:translateY(-1px)}.github-btn.svelte-10io95l{background-color:var(--text-dark);color:#fff;border-color:var(--text-dark)}.github-btn.svelte-10io95l:hover{background-color:#1f2937}.examples-btn.svelte-10io95l{background-color:var(--secondary-purple);color:#fff;border-color:var(--secondary-purple)}.examples-btn.svelte-10io95l:hover{background-color:var(--primary-blue)}.large.svelte-10io95l{padding:.875rem 2rem;font-size:1.125rem}.external-icon.svelte-10io95l{font-size:.875rem;opacity:.8;flex-shrink:0}.bottom-cta.svelte-10io95l{background:linear-gradient(135deg,var(--earthy-green),var(--primary-blue));border-radius:1rem;padding:3rem 2rem;text-align:center;color:#fff;box-shadow:0 4px 6px #0000001a}.cta-content.svelte-10io95l{max-width:600px;margin:0 auto}.cta-content.svelte-10io95l h2:where(.svelte-10io95l){font-size:2rem;font-weight:700;margin-bottom:2rem;color:#fff}.cta-actions.svelte-10io95l{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.cta-actions.svelte-10io95l .primary-btn:where(.svelte-10io95l){background-color:var(--warm-gold);color:var(--primary-blue);font-weight:600}.cta-actions.svelte-10io95l .primary-btn:where(.svelte-10io95l):hover{background-color:var(--dark-gold);color:#fff}.primary-btn.svelte-10io95l:focus,.secondary-btn.svelte-10io95l:focus{outline:2px solid var(--warm-gold);outline-offset:2px}@media (max-width: 768px){.page-container.svelte-10io95l{padding:1rem .5rem}.hero-section.svelte-10io95l{padding:2rem 1rem;margin-bottom:1.5rem}.hero-content.svelte-10io95l h1:where(.svelte-10io95l){font-size:1.75rem;line-height:1.1;margin-bottom:.75rem}.hero-subtitle.svelte-10io95l{font-size:1rem;margin-bottom:1rem}.hero-intro.svelte-10io95l{font-size:.95rem}.contribution-section.svelte-10io95l{margin-bottom:1.5rem}.contribution-content.svelte-10io95l{padding:2rem 1.5rem}.contribution-header.svelte-10io95l{flex-direction:column;text-align:center;gap:1rem;margin-bottom:1.5rem}.contribution-header.svelte-10io95l h2:where(.svelte-10io95l){font-size:1.5rem;word-wrap:break-word;overflow-wrap:break-word}.contribution-body.svelte-10io95l p:where(.svelte-10io95l){font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.contribution-actions.svelte-10io95l{flex-direction:column;align-items:center}.contribution-actions.svelte-10io95l .primary-btn:where(.svelte-10io95l),.contribution-actions.svelte-10io95l .secondary-btn:where(.svelte-10io95l){width:100%;max-width:280px;font-size:1rem;padding:.875rem 2rem}.bottom-cta.svelte-10io95l{padding:2rem 1rem}.cta-content.svelte-10io95l h2:where(.svelte-10io95l){font-size:1.5rem;margin-bottom:1.5rem}.cta-actions.svelte-10io95l{flex-direction:column;width:100%;gap:.75rem}.cta-actions.svelte-10io95l button:where(.svelte-10io95l){width:100%;max-width:280px;font-size:.9rem}}@media (max-width: 480px){.page-container.svelte-10io95l{padding:.75rem .25rem}.hero-content.svelte-10io95l h1:where(.svelte-10io95l){font-size:1.5rem;word-wrap:break-word;overflow-wrap:break-word}.hero-subtitle.svelte-10io95l{font-size:.95rem}.hero-intro.svelte-10io95l{font-size:.9rem}.contribution-content.svelte-10io95l{padding:1.5rem 1rem}.contribution-header.svelte-10io95l h2:where(.svelte-10io95l){font-size:1.25rem;word-wrap:break-word;overflow-wrap:break-word}.contribution-body.svelte-10io95l p:where(.svelte-10io95l){font-size:1rem;margin-bottom:1.5rem}.contribution-actions.svelte-10io95l .primary-btn:where(.svelte-10io95l),.contribution-actions.svelte-10io95l .secondary-btn:where(.svelte-10io95l){max-width:100%;font-size:.9rem;padding:.75rem 1.5rem}.cta-content.svelte-10io95l h2:where(.svelte-10io95l){font-size:1.25rem;word-wrap:break-word;overflow-wrap:break-word}.cta-actions.svelte-10io95l button:where(.svelte-10io95l){max-width:100%;font-size:.85rem}}