body{font-family:"Baloo 2 Variable",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;background:linear-gradient(180deg,#fafbff,#f0f4ff,#e8f0ff);min-height:100vh}.blog-container.svelte-u4k2t{max-width:1200px;margin:0 auto;padding:0 1rem;font-family:"Baloo 2 Variable",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.blog-header.svelte-u4k2t{text-align:center;padding:3rem 0}.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:2.5rem;margin-bottom:.5rem;color:#1f2937}.gradient-text.svelte-u4k2t{background:linear-gradient(135deg,#00c3ff,#8c00ec,#e80ffd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-header.svelte-u4k2t p:where(.svelte-u4k2t){font-size:1.2rem;color:#6b7280}.category-filter.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:3rem}.category-filter.svelte-u4k2t button:where(.svelte-u4k2t){background:#fff;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:2rem;cursor:pointer;font-size:.9rem;font-family:inherit;transition:all .2s;color:#4b5563}.category-filter.svelte-u4k2t button:where(.svelte-u4k2t):hover{border-color:#8c00ec;color:#8c00ec}.category-filter.svelte-u4k2t button.active:where(.svelte-u4k2t){background:linear-gradient(135deg,#00c3ff,#8c00ec,#e80ffd);border-color:transparent;color:#fff}.empty-state.svelte-u4k2t{text-align:center;padding:4rem 2rem}.empty-state.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.5rem;margin-bottom:.5rem;color:#1f2937}.empty-state.svelte-u4k2t p:where(.svelte-u4k2t){color:#6b7280;margin-bottom:1.5rem}.empty-state.svelte-u4k2t .btn:where(.svelte-u4k2t){display:inline-block;background:linear-gradient(135deg,#00c3ff,#8c00ec,#e80ffd);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:transform .2s,box-shadow .2s}.empty-state.svelte-u4k2t .btn:where(.svelte-u4k2t):hover{transform:translateY(-2px);box-shadow:0 8px 20px #8c00ec4d}.posts-grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.post-card.svelte-u4k2t{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s,box-shadow .2s}.post-card.svelte-u4k2t:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #8c00ec26}.post-image.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:200px;object-fit:cover}.post-content.svelte-u4k2t{padding:1.5rem}.post-meta.svelte-u4k2t{display:flex;gap:1rem;margin-bottom:.75rem;font-size:.85rem}.post-meta.svelte-u4k2t .category:where(.svelte-u4k2t){background:linear-gradient(135deg,#00c3ff26,#8c00ec26);color:#8c00ec;padding:.2rem .6rem;border-radius:1rem;font-weight:600}.post-meta.svelte-u4k2t .reading-time:where(.svelte-u4k2t){color:#9ca3af}.post-content.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.25rem;margin-bottom:.5rem;line-height:1.4}.post-content.svelte-u4k2t h2:where(.svelte-u4k2t) a:where(.svelte-u4k2t){color:#1f2937;text-decoration:none;transition:color .2s}.post-content.svelte-u4k2t h2:where(.svelte-u4k2t) a:where(.svelte-u4k2t):hover{color:#8c00ec}.post-content.svelte-u4k2t p:where(.svelte-u4k2t){color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.post-footer.svelte-u4k2t{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f3f4f6}.post-footer.svelte-u4k2t .date:where(.svelte-u4k2t){color:#9ca3af;font-size:.85rem}.read-more.svelte-u4k2t{background:linear-gradient(135deg,#00c3ff,#8c00ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;font-weight:600;font-size:.9rem}.read-more.svelte-u4k2t:hover{text-decoration:underline}@media (max-width: 768px){.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:1.75rem}.posts-grid.svelte-u4k2t{grid-template-columns:1fr}}