.blog-page.svelte-1bx5ufx{padding:8rem 0 6rem}.page-header.svelte-1bx5ufx{text-align:center;margin-bottom:4rem}.page-header.svelte-1bx5ufx h1:where(.svelte-1bx5ufx){font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem}.page-header.svelte-1bx5ufx p:where(.svelte-1bx5ufx){font-size:1.2rem;color:var(--muted);max-width:600px;margin:0 auto}.controls-container.svelte-1bx5ufx{display:flex;justify-content:flex-end;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.spacer.svelte-1bx5ufx{flex-grow:1}.display-toggle.svelte-1bx5ufx{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);color:var(--foreground);padding:.75rem 1.25rem;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a}.display-toggle.svelte-1bx5ufx:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.display-toggle.svelte-1bx5ufx:active{transform:translateY(0);box-shadow:0 2px 10px #0000001a}.toggle-icon.svelte-1bx5ufx{display:flex;align-items:center;width:18px;height:18px}.toggle-icon.svelte-1bx5ufx svg:where(.svelte-1bx5ufx){width:100%;height:100%;transition:all .3s ease}.display-toggle.svelte-1bx5ufx:hover .toggle-icon:where(.svelte-1bx5ufx) svg:where(.svelte-1bx5ufx){transform:scale(1.1)}.toggle-text.svelte-1bx5ufx{transition:all .3s ease}.filter-container.svelte-1bx5ufx{margin-bottom:3rem;display:flex;justify-content:center}.filter-tabs.svelte-1bx5ufx{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-tab.svelte-1bx5ufx{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--muted);padding:.5rem 1.5rem;border-radius:30px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.filter-tab.svelte-1bx5ufx:hover{border-color:var(--foreground);color:var(--foreground)}.filter-tab.active.svelte-1bx5ufx{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.blog-grid.svelte-1bx5ufx{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem}.blog-card.svelte-1bx5ufx{border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;background:#14141480;transition:all .3s ease;height:100%;display:flex;flex-direction:column;opacity:0;animation:svelte-1bx5ufx-fadeInUp .6s forwards;animation-delay:var(--delay, 0s)}.blog-card.svelte-1bx5ufx:hover{transform:translateY(-10px);border-color:#ffffff4d;box-shadow:0 10px 30px #0003}.blog-image.svelte-1bx5ufx{height:200px;overflow:hidden}.blog-image.svelte-1bx5ufx img:where(.svelte-1bx5ufx){width:100%;height:100%;object-fit:contain;transition:transform .5s ease;background:#0000000d}.blog-card.svelte-1bx5ufx:hover .blog-image:where(.svelte-1bx5ufx) img:where(.svelte-1bx5ufx){transform:scale(1.05)}.blog-content.svelte-1bx5ufx{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.blog-meta.svelte-1bx5ufx{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.85rem}.blog-category.svelte-1bx5ufx{background:#ffffff1a;padding:.3rem .8rem;border-radius:20px;font-weight:500}.blog-date.svelte-1bx5ufx{color:var(--muted)}.blog-card.svelte-1bx5ufx h3:where(.svelte-1bx5ufx){font-size:1.3rem;margin-bottom:1rem;line-height:1.4}.blog-card.svelte-1bx5ufx p:where(.svelte-1bx5ufx){color:var(--muted);margin-bottom:1.5rem;flex-grow:1;line-height:1.6}.blog-footer.svelte-1bx5ufx{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:.9rem}.read-time.svelte-1bx5ufx{color:var(--muted)}.read-more.svelte-1bx5ufx{font-weight:500;transition:transform .2s ease}.blog-card.svelte-1bx5ufx:hover .read-more:where(.svelte-1bx5ufx){transform:translate(5px)}.blog-tags.svelte-1bx5ufx,.list-tags.svelte-1bx5ufx{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag.svelte-1bx5ufx,.tag-small.svelte-1bx5ufx{background:#ffffff1a;color:var(--foreground);padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.tag-small.svelte-1bx5ufx{font-size:.7rem;padding:.15rem .5rem}.blog-list.svelte-1bx5ufx{display:flex;flex-direction:column;gap:1rem}.blog-list-item.svelte-1bx5ufx{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#1414144d;transition:all .3s ease;opacity:0;animation:svelte-1bx5ufx-fadeInUp .6s forwards;animation-delay:var(--delay, 0s)}.blog-list-item.svelte-1bx5ufx:hover{border-color:#ffffff4d;background:#14141480;transform:translate(10px)}.list-item-content.svelte-1bx5ufx{flex-grow:1}.list-header.svelte-1bx5ufx{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.list-header.svelte-1bx5ufx h3:where(.svelte-1bx5ufx){font-size:1.2rem;margin:0;line-height:1.4}.list-date.svelte-1bx5ufx{color:var(--muted);font-size:.85rem;white-space:nowrap}.list-excerpt.svelte-1bx5ufx{color:var(--muted);margin-bottom:1rem;line-height:1.5;font-size:.95rem}.list-meta.svelte-1bx5ufx{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.list-category.svelte-1bx5ufx,.list-read-time.svelte-1bx5ufx{background:#ffffff0d;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;color:var(--muted)}.list-arrow.svelte-1bx5ufx{font-size:1.2rem;color:var(--muted);transition:all .3s ease;margin-left:1rem}.blog-list-item.svelte-1bx5ufx:hover .list-arrow:where(.svelte-1bx5ufx){color:var(--foreground);transform:translate(5px)}@keyframes svelte-1bx5ufx-fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.blog-grid.svelte-1bx5ufx{grid-template-columns:1fr}.controls-container.svelte-1bx5ufx{justify-content:center}.list-header.svelte-1bx5ufx{flex-direction:column;align-items:flex-start;gap:.5rem}.list-meta.svelte-1bx5ufx{gap:.5rem}.blog-list-item.svelte-1bx5ufx{padding:1rem}.display-toggle.svelte-1bx5ufx{padding:.6rem 1rem;font-size:.85rem;gap:.5rem}.toggle-icon.svelte-1bx5ufx{width:16px;height:16px}}
