.examples-page.svelte-itamf0{max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.page-header.svelte-itamf0{text-align:center;margin-bottom:4rem}.page-header.svelte-itamf0 h1:where(.svelte-itamf0){font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle.svelte-itamf0{font-size:1.25rem;color:#6b7280}.features-overview.svelte-itamf0,.examples-section.svelte-itamf0,.quick-start.svelte-itamf0{margin-bottom:4rem}.features-overview.svelte-itamf0 h2:where(.svelte-itamf0),.examples-section.svelte-itamf0 h2:where(.svelte-itamf0),.quick-start.svelte-itamf0 h2:where(.svelte-itamf0){font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.features-grid.svelte-itamf0{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-card.svelte-itamf0{padding:2rem;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;text-align:center;transition:transform .2s,box-shadow .2s}.feature-card.svelte-itamf0:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.feature-icon.svelte-itamf0{font-size:3rem;margin-bottom:1rem}.feature-card.svelte-itamf0 h3:where(.svelte-itamf0){font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-card.svelte-itamf0 p:where(.svelte-itamf0){color:#6b7280;font-size:.875rem}.examples-grid.svelte-itamf0{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.example-card.svelte-itamf0{display:block;padding:1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;text-decoration:none;color:inherit;transition:all .2s}.example-card.svelte-itamf0:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea26;transform:translateY(-2px)}.example-header.svelte-itamf0{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.example-card.svelte-itamf0 h3:where(.svelte-itamf0){font-size:1.25rem;font-weight:600;margin:0}.difficulty-badge.svelte-itamf0{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.bg-green-100.svelte-itamf0{background-color:#d1fae5}.text-green-800.svelte-itamf0{color:#065f46}.bg-yellow-100.svelte-itamf0{background-color:#fef3c7}.text-yellow-800.svelte-itamf0{color:#92400e}.bg-red-100.svelte-itamf0{background-color:#fee2e2}.text-red-800.svelte-itamf0{color:#991b1b}.example-description.svelte-itamf0{color:#6b7280;margin-bottom:1rem;line-height:1.6}.example-tags.svelte-itamf0{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag.svelte-itamf0{padding:.25rem .75rem;background:#f3f4f6;border-radius:.375rem;font-size:.75rem;color:#374151}.example-cta.svelte-itamf0{color:#667eea;font-weight:600;font-size:.875rem}.code-block.svelte-itamf0{background:#1e293b;border-radius:.75rem;padding:1.5rem;overflow-x:auto}.code-block.svelte-itamf0 pre:where(.svelte-itamf0){margin:0}.code-block.svelte-itamf0 code:where(.svelte-itamf0){color:#e2e8f0;font-family:Fira Code,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.7}@media (max-width: 768px){.page-header.svelte-itamf0 h1:where(.svelte-itamf0){font-size:2rem}.subtitle.svelte-itamf0{font-size:1rem}.examples-grid.svelte-itamf0{grid-template-columns:1fr}}