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