.blog-page.svelte-u4k2t{background:#0a0a0a;min-height:100vh}.hero.svelte-u4k2t{background:linear-gradient(135deg,#0a0a0a,#0d1520);border-bottom:1px solid rgba(0,213,255,.1);color:#f6f6f0;padding:80px 24px 60px;text-align:center}.container.svelte-u4k2t{max-width:1200px;margin:0 auto;padding:0 24px}h1.svelte-u4k2t{font-size:48px;font-weight:700;margin:0 0 16px}.subtitle.svelte-u4k2t{font-size:20px;opacity:.95;margin:0}.blog-layout.svelte-u4k2t{display:grid;grid-template-columns:280px 1fr;gap:48px;padding:60px 0}.sidebar.svelte-u4k2t{position:sticky;top:80px;height:fit-content}.search-box.svelte-u4k2t form:where(.svelte-u4k2t){display:flex;flex-direction:column;gap:12px}.search-box.svelte-u4k2t input:where(.svelte-u4k2t){padding:12px;border:1px solid rgba(51,51,51,.4);border-radius:0;font-size:14px}.search-box.svelte-u4k2t button:where(.svelte-u4k2t){padding:12px;background:linear-gradient(135deg,#00ffa3,#00d5ff);color:#0e0e0e;border:none;border-radius:0;font-size:14px;font-weight:600;cursor:pointer}.search-box.svelte-u4k2t button:where(.svelte-u4k2t):hover{opacity:.9}.tags-section.svelte-u4k2t{margin-top:32px}.tags-section.svelte-u4k2t h3:where(.svelte-u4k2t){font-size:16px;font-weight:600;margin:0 0 16px;color:#f6f6f0}.tags.svelte-u4k2t{display:flex;flex-direction:column;gap:8px}.tags.svelte-u4k2t .tag:where(.svelte-u4k2t){padding:8px 12px;background:#0e0e0e;border:1px solid rgba(51,51,51,.4);border-radius:0;font-size:14px;color:#dcdcd6;cursor:pointer;text-align:left;transition:all .15s}.tags.svelte-u4k2t .tag:where(.svelte-u4k2t):hover,.tags.svelte-u4k2t .tag.active:where(.svelte-u4k2t){background:#00d5ff14;color:#00d5ff;border-color:#00d5ff66}.clear-filters.svelte-u4k2t{margin-top:16px;padding:8px 12px;background:#0e0e0e;border:1px solid rgba(51,51,51,.4);border-radius:0;font-size:14px;color:#dcdcd6;cursor:pointer;width:100%}.clear-filters.svelte-u4k2t:hover{border-color:#f6f6f0;color:#f6f6f0}.posts-grid.svelte-u4k2t{display:grid;gap:32px}.post-card.svelte-u4k2t{border:1px solid rgba(51,51,51,.4);border-radius:0;overflow:hidden;transition:all .15s}.post-card.svelte-u4k2t:hover{border-color:#00d5ff;box-shadow:0 4px 12px #2f80ff1a}.post-image.svelte-u4k2t{width:100%;height:240px;overflow:hidden;background:#0e0e0e}.post-image.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;object-fit:cover}.post-content.svelte-u4k2t{padding:24px}.post-meta.svelte-u4k2t{display:flex;gap:12px;font-size:14px;color:#dcdcd6;margin-bottom:12px}.post-content.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:24px;font-weight:600;margin:0 0 12px}.post-content.svelte-u4k2t h2:where(.svelte-u4k2t) a:where(.svelte-u4k2t){color:#f6f6f0;text-decoration:none}.post-content.svelte-u4k2t h2:where(.svelte-u4k2t) a:where(.svelte-u4k2t):hover{color:#00d5ff}.excerpt.svelte-u4k2t{color:#dcdcd6;font-size:16px;line-height:1.6;margin:0 0 16px}.post-tags.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.post-tags.svelte-u4k2t .tag:where(.svelte-u4k2t){padding:4px 12px;background:#0e0e0e;border:1px solid rgba(51,51,51,.4);border-radius:0;font-size:12px;color:#dcdcd6}.read-more.svelte-u4k2t{color:#00d5ff;font-size:14px;font-weight:500;text-decoration:none}.read-more.svelte-u4k2t:hover{text-decoration:underline}.empty-state.svelte-u4k2t{text-align:center;padding:80px 24px}.empty-state.svelte-u4k2t p:where(.svelte-u4k2t){font-size:18px;color:#dcdcd6;margin-bottom:24px}.empty-state.svelte-u4k2t button:where(.svelte-u4k2t){padding:12px 24px;background:linear-gradient(135deg,#00ffa3,#00d5ff);color:#0e0e0e;border:none;border-radius:0;font-size:14px;font-weight:600;cursor:pointer}@media(max-width:768px){.hero.svelte-u4k2t{padding:60px 24px 40px}h1.svelte-u4k2t{font-size:32px}.subtitle.svelte-u4k2t{font-size:16px}.blog-layout.svelte-u4k2t{grid-template-columns:1fr;gap:32px;padding:40px 0}.sidebar.svelte-u4k2t{position:static}.post-image.svelte-u4k2t{height:200px}.post-content.svelte-u4k2t h2:where(.svelte-u4k2t){font-size:20px}}