.blog-index.svelte-u4k2t{padding-top:2rem;padding-bottom:4rem;max-width:1200px;margin:0 auto}.blog-header.svelte-u4k2t{text-align:center;margin-bottom:3rem;border-bottom:1px solid var(--glass-border);padding-bottom:2rem}.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:2.8rem;color:var(--color-accent);margin-bottom:1rem;font-weight:700}.blog-header.svelte-u4k2t i:where(.svelte-u4k2t){color:var(--color-accent);margin-right:.5rem}.subtitle.svelte-u4k2t{font-size:1.1rem;color:var(--color-text-muted);max-width:700px;margin:0 auto;line-height:1.7}.subtitle.svelte-u4k2t a:where(.svelte-u4k2t){color:var(--color-accent);text-decoration:underline}.subtitle.svelte-u4k2t a:where(.svelte-u4k2t):hover{color:var(--color-accent-hover)}.posts-grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.post-card.svelte-u4k2t{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;display:flex;flex-direction:column;height:100%}.post-card.svelte-u4k2t:hover{transform:translateY(-12px);box-shadow:0 20px 40px #0003}.post-card.svelte-u4k2t .card-body:where(.svelte-u4k2t){padding:1.75rem;display:flex;flex-direction:column;height:100%}.post-title.svelte-u4k2t{font-size:1.35rem;color:var(--color-accent);margin-bottom:.75rem;font-weight:600;line-height:1.3}.post-description.svelte-u4k2t{color:var(--color-text-muted);flex-grow:1;margin-bottom:1.25rem;font-size:.95rem;line-height:1.6}.read-more.svelte-u4k2t{color:var(--color-accent);font-weight:600;align-self:flex-start;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.read-more.svelte-u4k2t:after{content:"→";transition:transform .3s ease}.post-card.svelte-u4k2t:hover .read-more:where(.svelte-u4k2t){color:var(--color-accent-hover)}.post-card.svelte-u4k2t:hover .read-more:where(.svelte-u4k2t):after{transform:translate(8px)}@media(max-width:768px){.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:2.4rem}.posts-grid.svelte-u4k2t{grid-template-columns:1fr;gap:1.5rem}.post-card.svelte-u4k2t .card-body:where(.svelte-u4k2t){padding:1.5rem}.post-title.svelte-u4k2t{font-size:1.25rem}}