.blog-page.svelte-1w64jea{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.blog-header.svelte-1w64jea{text-align:center;margin-bottom:3rem}.header-icon.svelte-1w64jea{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,#7ecfff33,#a78bfa33);border-radius:20px;color:var(--color-primary-500);margin-bottom:1.5rem}.blog-header.svelte-1w64jea h1:where(.svelte-1w64jea){font-family:Bricolage Grotesque,sans-serif;font-size:2.5rem;font-weight:800;color:var(--color-surface-800);margin:0 0 .75rem}[data-mode=dark] .blog-header.svelte-1w64jea h1:where(.svelte-1w64jea){color:var(--color-surface-50)}.header-subtitle.svelte-1w64jea{font-size:1.125rem;color:var(--color-surface-500);margin:0;max-width:500px;margin-inline:auto}.posts-grid.svelte-1w64jea{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;margin-bottom:3rem}.post-card.svelte-1w64jea{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008;border:1px solid var(--color-surface-100);transition:all .3s cubic-bezier(.4,0,.2,1)}[data-mode=dark] .post-card.svelte-1w64jea{background:var(--color-surface-800);border-color:var(--color-surface-700)}.post-card.svelte-1w64jea:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000014,0 4px 12px #7ecfff1a}.post-link.svelte-1w64jea{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.image-wrapper.svelte-1w64jea{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-secondary-100) 100%)}.post-image.svelte-1w64jea{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.post-card.svelte-1w64jea:hover .post-image:where(.svelte-1w64jea){transform:scale(1.08)}.image-overlay.svelte-1w64jea{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.02) 100%);pointer-events:none}.post-content.svelte-1w64jea{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;gap:.75rem}.post-meta.svelte-1w64jea{display:flex;align-items:center;gap:.75rem}.date-badge.svelte-1w64jea{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:linear-gradient(135deg,#7ecfff26,#a78bfa26);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--color-primary-600)}[data-mode=dark] .date-badge.svelte-1w64jea{background:linear-gradient(135deg,#7ecfff33,#a78bfa33);color:var(--color-primary-300)}.post-title.svelte-1w64jea{font-family:Bricolage Grotesque,sans-serif;font-size:1.25rem;font-weight:700;color:var(--color-surface-800);margin:0;line-height:1.3}[data-mode=dark] .post-title.svelte-1w64jea{color:var(--color-surface-50)}.post-description.svelte-1w64jea{font-family:Outfit,sans-serif;font-size:.9375rem;color:var(--color-surface-500);margin:0;line-height:1.6;flex-grow:1}.read-more.svelte-1w64jea{display:inline-flex;align-items:center;gap:.5rem;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:600;color:var(--color-primary-500);margin-top:auto;transition:gap .2s ease}.post-card.svelte-1w64jea:hover .read-more:where(.svelte-1w64jea){gap:.75rem}.pagination.svelte-1w64jea{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.page-numbers.svelte-1w64jea{display:flex;gap:.5rem}.page-btn.svelte-1w64jea{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--color-surface-200);background:#fff;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:600;color:var(--color-surface-600);cursor:pointer;transition:all .2s ease}[data-mode=dark] .page-btn.svelte-1w64jea{background:var(--color-surface-800);border-color:var(--color-surface-700);color:var(--color-surface-300)}.page-btn.svelte-1w64jea:hover:not(.active){border-color:var(--color-primary-300);color:var(--color-primary-500)}.page-btn.active.svelte-1w64jea{background:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-secondary-400) 100%);border-color:transparent;color:#fff;box-shadow:0 2px 8px #7ecfff4d}@media(max-width:640px){.blog-page.svelte-1w64jea{padding:1.5rem 1rem 3rem}.blog-header.svelte-1w64jea h1:where(.svelte-1w64jea){font-size:2rem}.posts-grid.svelte-1w64jea{grid-template-columns:1fr;gap:1.5rem}.pagination.svelte-1w64jea{gap:.5rem}.page-btn.svelte-1w64jea{width:36px;height:36px}}