.blog-container.svelte-u4k2t{width:100%}.hero-section.svelte-u4k2t{text-align:center;margin-bottom:3rem;padding:1.5rem 0 2.5rem}.hero-title.svelte-u4k2t{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;margin-bottom:1.25rem;line-height:1.2;letter-spacing:-.02em}.gradient-text.svelte-u4k2t{background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle.svelte-u4k2t{font-size:1.125rem;color:#a1a1aa;max-width:700px;margin:0 auto;line-height:1.6}.articles-grid.svelte-u4k2t{display:flex;flex-direction:column;gap:0}.article-card.svelte-u4k2t{position:relative;border-bottom:1px solid rgba(255,255,255,.08);animation:svelte-u4k2t-fadeInUp .5s ease-out backwards;animation-delay:calc(var(--index) * .05s)}@keyframes svelte-u4k2t-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-link.svelte-u4k2t{display:block;text-decoration:none;color:inherit;height:100%}.card-content.svelte-u4k2t{background:transparent;border:none;border-radius:0;padding:3rem 0;height:100%;display:grid;grid-template-columns:320px 1fr;gap:3rem;align-items:center;position:relative;overflow:visible;transition:all .3s ease;-webkit-backdrop-filter:none;backdrop-filter:none}.card-link.svelte-u4k2t:hover .card-content:where(.svelte-u4k2t){border-color:transparent;transform:none;box-shadow:none;background:#8b5cf608}.card-image.svelte-u4k2t{width:100%;height:240px;border-radius:8px;overflow:hidden;background:#18181b99;border:1px solid rgba(255,255,255,.1)}.card-image.svelte-u4k2t svg{width:100%;height:100%}.card-link.svelte-u4k2t:hover .card-image:where(.svelte-u4k2t){border-color:#8b5cf64d}.card-text.svelte-u4k2t{display:flex;flex-direction:column;gap:.75rem}.card-header.svelte-u4k2t{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.card-date.svelte-u4k2t{font-size:.8125rem;color:#71717a;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.comment-badge.svelte-u4k2t{font-size:.8125rem;color:#06b6d4}.card-title.svelte-u4k2t{font-size:1.75rem;font-weight:700;margin-bottom:.75rem;line-height:1.25;color:#fff;font-style:italic;letter-spacing:-.01em}.card-description.svelte-u4k2t{color:#a1a1aa;line-height:1.65;margin-bottom:1rem;font-size:.9375rem}.card-footer.svelte-u4k2t{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem}.tags.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.tag.svelte-u4k2t{background:transparent;color:#71717a;padding:0;border-radius:0;font-size:.8125rem;font-weight:500;border:none}.tag.svelte-u4k2t:before{content:"#";margin-right:2px}.read-time.svelte-u4k2t{color:#71717a;font-size:.875rem;white-space:nowrap}.pagination.svelte-u4k2t{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.pagination-info.svelte-u4k2t{text-align:center;color:#71717a;font-size:.875rem;margin-bottom:1.5rem}.pagination-controls.svelte-u4k2t{display:flex;justify-content:center;align-items:center;gap:1rem}.pagination-btn.svelte-u4k2t{padding:.75rem 1.5rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:#c4b5fd;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s}.pagination-btn.svelte-u4k2t:hover{background:#8b5cf633;border-color:#8b5cf680}.pagination-numbers.svelte-u4k2t{display:flex;gap:.5rem;align-items:center}.pagination-number.svelte-u4k2t{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#18181b99;border:1px solid rgba(255,255,255,.1);color:#d4d4d8;text-decoration:none;border-radius:6px;font-weight:600;transition:all .2s}.pagination-number.svelte-u4k2t:hover{background:#8b5cf61a;border-color:#8b5cf64d;color:#fff}.pagination-number.active.svelte-u4k2t{background:#8b5cf633;border-color:#8b5cf680;color:#8b5cf6}.pagination-ellipsis.svelte-u4k2t{color:#71717a;padding:0 .5rem}@media(max-width:768px){.hero-section.svelte-u4k2t{margin-bottom:2rem}.card-content.svelte-u4k2t{grid-template-columns:1fr;gap:1.5rem;padding:2rem 0}.card-image.svelte-u4k2t{height:200px}.pagination-controls.svelte-u4k2t{flex-wrap:wrap}}
