.examples-page.svelte-1s1pej0{min-height:100vh;background:#05070a;color:#e2e8f0;padding:60px 20px}.container.svelte-1s1pej0{max-width:1000px;margin:0 auto}.page-header.svelte-1s1pej0{text-align:center;margin-bottom:60px}.page-header.svelte-1s1pej0 h1:where(.svelte-1s1pej0){font-size:3rem;font-weight:900;margin-bottom:16px;background:linear-gradient(135deg,#fff,#00ffea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle.svelte-1s1pej0{font-size:1.25rem;color:#94a3b8;max-width:600px;margin:0 auto}.examples-grid.svelte-1s1pej0{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.example-card.svelte-1s1pej0{background:#0f172a66;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:200px;transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.example-card.svelte-1s1pej0:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,234,.3),transparent);opacity:0;transition:opacity .4s}.example-card.svelte-1s1pej0:hover{transform:translateY(-10px);border-color:#00ffea66;box-shadow:0 30px 60px #0009;background:#0f172ab3}.example-card.svelte-1s1pej0:hover:before{opacity:1}.card-content.svelte-1s1pej0 h3:where(.svelte-1s1pej0){font-size:1.75rem;font-weight:800;margin-bottom:24px;color:#fff;line-height:1.2}.card-actions.svelte-1s1pej0{width:100%;display:flex;justify-content:center}.btn.svelte-1s1pej0{display:flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:12px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:center;font-size:1rem;letter-spacing:.02em}.btn-primary.svelte-1s1pej0{background:#fff;color:#000;min-width:160px;box-shadow:0 4px 12px #0003}.btn-primary.svelte-1s1pej0:hover{background:#00ffea;transform:translateY(-2px);box-shadow:0 8px 24px #00ffea4d}.empty-state.svelte-1s1pej0{text-align:center;padding:100px 0;color:#64748b}.empty-icon.svelte-1s1pej0{font-size:4rem;margin-bottom:20px;opacity:.5}.alert-error.svelte-1s1pej0{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:16px;border-radius:8px;text-align:center}@media(max-width:768px){.page-header.svelte-1s1pej0 h1:where(.svelte-1s1pej0){font-size:2.2rem}.subtitle.svelte-1s1pej0{font-size:1.1rem}.example-card.svelte-1s1pej0{padding:30px}.card-content.svelte-1s1pej0 h3:where(.svelte-1s1pej0){font-size:1.5rem}}