.blog-page.svelte-1ggqm3m{padding:var(--space-12) 0 var(--space-16);min-height:60vh;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-background) 100%)}.container.svelte-1ggqm3m{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.page-header.svelte-1ggqm3m{text-align:center;margin-bottom:var(--space-10)}.header-badge.svelte-1ggqm3m{display:inline-block;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent-light));color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.page-header.svelte-1ggqm3m h1:where(.svelte-1ggqm3m){font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-4);color:var(--color-text)}.page-header.svelte-1ggqm3m p:where(.svelte-1ggqm3m){font-size:var(--font-size-xl);color:var(--color-text-muted);max-width:600px;margin:0 auto}.filters-section.svelte-1ggqm3m{margin-bottom:var(--space-8)}.search-box.svelte-1ggqm3m{position:relative;max-width:400px;margin:0 auto var(--space-6)}.search-icon.svelte-1ggqm3m{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-muted)}.search-box.svelte-1ggqm3m input:where(.svelte-1ggqm3m){width:100%;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);border:var(--border-width-2) solid var(--color-border);border-radius:var(--border-radius-full);font-size:var(--font-size-base);background:#fff;transition:var(--transition)}.search-box.svelte-1ggqm3m input:where(.svelte-1ggqm3m):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #3b82f61a}.category-filters.svelte-1ggqm3m{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.category-btn.svelte-1ggqm3m{padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:#fff;border:var(--border-width-2) solid var(--color-border);transition:var(--transition)}.category-btn.svelte-1ggqm3m:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.category-btn.active.svelte-1ggqm3m{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.loading.svelte-1ggqm3m,.no-articles.svelte-1ggqm3m{text-align:center;padding:var(--space-16)}.loading-spinner.svelte-1ggqm3m{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto var(--space-4);animation:svelte-1ggqm3m-spin 1s linear infinite}@keyframes svelte-1ggqm3m-spin{to{transform:rotate(360deg)}}.empty-icon.svelte-1ggqm3m{font-size:4rem;margin-bottom:var(--space-4)}.no-articles.svelte-1ggqm3m h3:where(.svelte-1ggqm3m){color:var(--color-text);margin-bottom:var(--space-2)}.no-articles.svelte-1ggqm3m p:where(.svelte-1ggqm3m){color:var(--color-text-muted);margin:0}.articles-grid.svelte-1ggqm3m{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.article-card.svelte-1ggqm3m{background:#fff;border-radius:var(--border-radius-xl);overflow:hidden;transition:var(--transition);box-shadow:var(--shadow);display:flex;flex-direction:column}.article-card.svelte-1ggqm3m:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.article-card.featured.svelte-1ggqm3m{border:var(--border-width-2) solid var(--color-secondary)}.article-image.svelte-1ggqm3m{position:relative;width:100%;height:200px;overflow:hidden;background:var(--color-surface-alt)}.article-image.svelte-1ggqm3m img:where(.svelte-1ggqm3m){width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.article-card.svelte-1ggqm3m:hover .article-image:where(.svelte-1ggqm3m) img:where(.svelte-1ggqm3m){transform:scale(1.08)}.placeholder-image.svelte-1ggqm3m{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-alt) 100%)}.placeholder-image.svelte-1ggqm3m svg:where(.svelte-1ggqm3m){width:64px;height:64px;color:var(--color-text-light)}.featured-badge.svelte-1ggqm3m{position:absolute;top:var(--space-3);left:var(--space-3);background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));color:var(--color-text);padding:var(--space-1) var(--space-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.category-badge.svelte-1ggqm3m{position:absolute;top:var(--space-3);right:var(--space-3);background:#fffffff2;color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.article-content.svelte-1ggqm3m{padding:var(--space-5);display:flex;flex-direction:column;flex-grow:1}.article-meta.svelte-1ggqm3m{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.meta-divider.svelte-1ggqm3m{color:var(--color-border)}.article-card.svelte-1ggqm3m h2:where(.svelte-1ggqm3m){font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);line-height:var(--line-height-tight)}.article-card.svelte-1ggqm3m h2:where(.svelte-1ggqm3m) a:where(.svelte-1ggqm3m){color:var(--color-text);text-decoration:none;transition:var(--transition)}.article-card.svelte-1ggqm3m h2:where(.svelte-1ggqm3m) a:where(.svelte-1ggqm3m):hover{color:var(--color-primary)}.description.svelte-1ggqm3m{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer.svelte-1ggqm3m{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.tags.svelte-1ggqm3m{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag.svelte-1ggqm3m{background:var(--color-surface);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.read-more.svelte-1ggqm3m{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap}.read-more.svelte-1ggqm3m svg:where(.svelte-1ggqm3m){width:16px;height:16px;transition:var(--transition)}.read-more.svelte-1ggqm3m:hover svg:where(.svelte-1ggqm3m){transform:translate(4px)}.pagination.svelte-1ggqm3m{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-12)}.page-btn.svelte-1ggqm3m{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#fff;border:var(--border-width-2) solid var(--color-border);border-radius:var(--border-radius-full);font-weight:var(--font-weight-medium);color:var(--color-text);transition:var(--transition)}.page-btn.svelte-1ggqm3m:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.page-btn.svelte-1ggqm3m:disabled{opacity:.5;cursor:not-allowed}.page-btn.svelte-1ggqm3m svg:where(.svelte-1ggqm3m){width:18px;height:18px}.page-numbers.svelte-1ggqm3m{display:flex;gap:var(--space-2)}.page-num.svelte-1ggqm3m{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:#fff;border:var(--border-width-2) solid var(--color-border);transition:var(--transition)}.page-num.svelte-1ggqm3m:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.page-num.active.svelte-1ggqm3m{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@media (max-width: 1024px){.articles-grid.svelte-1ggqm3m{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.blog-page.svelte-1ggqm3m{padding:var(--space-8) 0 var(--space-12)}.page-header.svelte-1ggqm3m h1:where(.svelte-1ggqm3m){font-size:var(--font-size-3xl)}.page-header.svelte-1ggqm3m p:where(.svelte-1ggqm3m){font-size:var(--font-size-base)}.articles-grid.svelte-1ggqm3m{grid-template-columns:1fr;gap:var(--space-5)}.article-image.svelte-1ggqm3m{height:180px}.article-content.svelte-1ggqm3m{padding:var(--space-4)}.pagination.svelte-1ggqm3m{flex-wrap:wrap;gap:var(--space-3)}.page-btn.svelte-1ggqm3m{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.page-numbers.svelte-1ggqm3m{order:3;width:100%;justify-content:center}.page-num.svelte-1ggqm3m{width:36px;height:36px;font-size:var(--font-size-sm)}}@media (max-width: 480px){.category-filters.svelte-1ggqm3m{gap:var(--space-2)}.category-btn.svelte-1ggqm3m{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.card-footer.svelte-1ggqm3m{flex-direction:column;align-items:flex-start}.read-more.svelte-1ggqm3m{margin-top:var(--space-2)}}