.blog-page.svelte-u4k2t{max-width:1200px;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:grid;grid-template-columns:repeat(3,1fr);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%;overflow:hidden;background:#111}.post-cover.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:auto;display:block;transition:transform .3s ease}.post-card.svelte-u4k2t:hover .post-cover:where(.svelte-u4k2t) img:where(.svelte-u4k2t){transform:scale(1.03)}.post-body.svelte-u4k2t{padding:1.25rem}.post-meta.svelte-u4k2t{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#666;margin-bottom:.5rem}.post-body.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem;line-height:1.3}.post-body.svelte-u4k2t p:where(.svelte-u4k2t){color:#999;font-size:.85rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.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:1024px){.post-grid.svelte-u4k2t{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.blog-page.svelte-u4k2t{padding:2rem 1rem 3rem}.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:2rem}.post-grid.svelte-u4k2t{grid-template-columns:1fr}}