.blog-page.svelte-u4k2t{max-width:900px;margin:0 auto;padding:3rem 2rem 5rem}.blog-header.svelte-u4k2t{margin-bottom:2.5rem}.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#a5b4fc,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-header.svelte-u4k2t p:where(.svelte-u4k2t){color:#888;font-size:1.1rem}.category-filter.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.category-pill.svelte-u4k2t{padding:.45rem 1.1rem;border-radius:20px;font-size:.9rem;font-weight:600;color:#999;background:#1a1a1a;border:1px solid #333;text-decoration:none;transition:all .2s}.category-pill.svelte-u4k2t:hover{color:#ccc;border-color:#555}.category-pill.active.svelte-u4k2t{color:#fff;background:#6366f1;border-color:#6366f1}.tag-filter.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.tag-pill.svelte-u4k2t{padding:.35rem .9rem;border-radius:20px;font-size:.85rem;color:#999;background:#1a1a1a;border:1px solid #333;text-decoration:none;transition:all .2s}.tag-pill.svelte-u4k2t:hover{color:#fff;border-color:#555}.tag-pill.active.svelte-u4k2t{background:#6366f1;color:#fff;border-color:#6366f1}.post-grid.svelte-u4k2t{display:flex;flex-direction:column;gap:1.5rem}.post-card.svelte-u4k2t{display:block;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;overflow:hidden;text-decoration:none;transition:all .2s}.post-card.svelte-u4k2t:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 8px 30px #6366f11a}.post-cover.svelte-u4k2t{width:100%;height:200px;overflow:hidden}.post-cover.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;object-fit:cover}.post-body.svelte-u4k2t{padding:1.5rem}.post-meta.svelte-u4k2t{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666;margin-bottom:.75rem}.post-body.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.35rem;font-weight:600;color:#fff;margin-bottom:.5rem;line-height:1.3}.post-body.svelte-u4k2t p:where(.svelte-u4k2t){color:#999;font-size:.95rem;line-height:1.5}.post-tags.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.post-tag.svelte-u4k2t{padding:.2rem .6rem;border-radius:4px;font-size:.75rem;color:#a5b4fc;background:#6366f11a}.empty-state.svelte-u4k2t{text-align:center;padding:4rem 2rem;color:#666}.empty-state.svelte-u4k2t .btn:where(.svelte-u4k2t){margin-top:1rem}@media(max-width:768px){.blog-page.svelte-u4k2t{padding:2rem 1rem 3rem}.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:2rem}.post-cover.svelte-u4k2t{height:150px}}