.blog-page.svelte-rwi3u8{padding-bottom:6rem;background:#fdfdfd}.blog-hero.svelte-rwi3u8{background:#f1f5f9;padding:6rem 0;text-align:center;border-bottom:1px solid #e2e8f0}.hero-content.svelte-rwi3u8 h1:where(.svelte-rwi3u8){font-size:clamp(2.5rem,6vw,4rem);margin-bottom:1.5rem;color:var(--text-main)}.hero-content.svelte-rwi3u8 h1:where(.svelte-rwi3u8) span:where(.svelte-rwi3u8){color:var(--primary)}.hero-content.svelte-rwi3u8 p:where(.svelte-rwi3u8){font-size:18px;color:var(--text-muted);margin-bottom:3rem;max-width:600px;margin-inline:auto}.search-bar.svelte-rwi3u8{display:flex;align-items:center;gap:1rem;background:#fff;max-width:500px;margin:0 auto;padding:.8rem 1.5rem;border-radius:50px;box-shadow:var(--shadow-md);border:1px solid #eee}.search-bar.svelte-rwi3u8 input:where(.svelte-rwi3u8){border:none;outline:none;flex:1;font-size:15px;background:transparent}.search-bar.svelte-rwi3u8 svg{color:var(--primary)}.main-content.svelte-rwi3u8{margin-top:-3rem;position:relative;z-index:2}.blog-categories.svelte-rwi3u8{display:flex;justify-content:center;gap:1rem;margin-bottom:4rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:var(--shadow-sm);flex-wrap:wrap}.blog-categories.svelte-rwi3u8 button:where(.svelte-rwi3u8){padding:.6rem 1.5rem;border-radius:50px;font-size:13px;font-weight:700;color:#666;transition:var(--transition);border:1px solid #eee}.blog-categories.svelte-rwi3u8 button.active:where(.svelte-rwi3u8){background:var(--primary);color:#fff;border-color:var(--primary)}.blog-categories.svelte-rwi3u8 button:where(.svelte-rwi3u8):hover:not(.active){background:#f8f9fa;border-color:#ddd}.blog-grid.svelte-rwi3u8{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:3rem;margin-bottom:5rem}.blog-card.svelte-rwi3u8{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #eee;transition:var(--transition);display:flex;flex-direction:column}.blog-card.svelte-rwi3u8:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.card-image.svelte-rwi3u8{height:240px;position:relative;overflow:hidden}.card-image.svelte-rwi3u8 img:where(.svelte-rwi3u8){width:100%;height:100%;object-fit:cover;transition:var(--transition)}.blog-card.svelte-rwi3u8:hover .card-image:where(.svelte-rwi3u8) img:where(.svelte-rwi3u8){transform:scale(1.05)}.category-tag.svelte-rwi3u8{position:absolute;bottom:1rem;left:1rem;background:var(--primary);color:#fff;padding:4px 12px;border-radius:4px;font-weight:700;font-size:11px;text-transform:uppercase}.card-body.svelte-rwi3u8{padding:2.5rem;display:flex;flex-direction:column;flex:1}.meta.svelte-rwi3u8{display:flex;gap:1.5rem;margin-bottom:1.5rem;color:var(--text-light);font-size:13px;font-weight:500}.meta.svelte-rwi3u8 span:where(.svelte-rwi3u8){display:flex;align-items:center;gap:6px}.card-body.svelte-rwi3u8 h3:where(.svelte-rwi3u8){font-size:22px;margin-bottom:1.25rem;line-height:1.4}.card-body.svelte-rwi3u8 h3:where(.svelte-rwi3u8) a:where(.svelte-rwi3u8){color:var(--text-main)}.card-body.svelte-rwi3u8 h3:where(.svelte-rwi3u8) a:where(.svelte-rwi3u8):hover{color:var(--primary)}.card-body.svelte-rwi3u8 p:where(.svelte-rwi3u8){font-size:15px;color:var(--text-muted);line-height:1.7;margin-bottom:2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more.svelte-rwi3u8{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--primary);letter-spacing:.5px}.read-more.svelte-rwi3u8:hover{gap:12px}.pagination.svelte-rwi3u8{display:flex;justify-content:center;gap:.5rem;align-items:center}.pagination.svelte-rwi3u8 button:where(.svelte-rwi3u8){padding:.75rem 1.5rem;background:#fff;border:1px solid #eee;border-radius:6px;font-weight:700;color:var(--primary);font-size:13px}.pagination.svelte-rwi3u8 button:where(.svelte-rwi3u8):disabled{opacity:.5;cursor:not-allowed}.page-num.svelte-rwi3u8{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #eee;font-size:14px;font-weight:700;color:#666;cursor:pointer}.page-num.active.svelte-rwi3u8{background:var(--primary);color:#fff;border-color:var(--primary)}@media(max-width:640px){.blog-grid.svelte-rwi3u8{grid-template-columns:1fr;gap:2rem}.card-body.svelte-rwi3u8{padding:1.5rem}}