.blog-hero.svelte-u4k2t{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.blog-hero.svelte-u4k2t>.container:where(.svelte-u4k2t){display:flex;align-items:center;justify-content:center;width:100%}.hero-bg.svelte-u4k2t{position:absolute;inset:0;overflow:hidden;pointer-events:none}.gradient-orb.svelte-u4k2t{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4}.orb-1.svelte-u4k2t{width:600px;height:600px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);top:-200px;right:-100px}.orb-2.svelte-u4k2t{width:400px;height:400px;background:radial-gradient(circle,var(--secondary) 0%,transparent 70%);bottom:-100px;left:-100px}.grid-pattern.svelte-u4k2t{position:absolute;inset:0;background-image:linear-gradient(rgba(248,180,180,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(248,180,180,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%)}.hero-content.svelte-u4k2t{position:relative;width:100%;max-width:700px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;animation:fadeIn var(--timing-slow) var(--ease-natural)}.hero-badge.svelte-u4k2t{display:inline-flex;align-items:center;gap:var(--space-8);padding:6px 16px;background:#f8b4b41a;border:1px solid rgba(248,180,180,.2);border-radius:9999px;font-size:var(--type-13);color:var(--primary);margin-bottom:var(--space-21)}.badge-dot.svelte-u4k2t{width:6px;height:6px;background:var(--primary);border-radius:50%;animation:pulse 2s infinite}.hero-title.svelte-u4k2t{font-size:clamp(var(--type-42),6vw,var(--type-68));font-weight:700;line-height:1.1;margin-bottom:var(--space-21);letter-spacing:-.03em}.hero-description.svelte-u4k2t{font-size:var(--type-21);color:var(--foreground-muted);line-height:1.6;margin-bottom:var(--space-55);max-width:580px;margin-left:auto;margin-right:auto}.hero-stats.svelte-u4k2t{display:flex;align-items:center;justify-content:center;gap:var(--space-21);flex-wrap:wrap}.stat.svelte-u4k2t{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value.svelte-u4k2t{font-size:var(--type-26);font-weight:700;color:var(--foreground);font-family:var(--font-mono)}.stat-value.infinity-symbol.svelte-u4k2t{font-size:var(--type-26)}.stat-label.svelte-u4k2t{font-size:var(--type-13);color:var(--foreground-muted)}.stat-divider.svelte-u4k2t{width:1px;height:40px;background:var(--border)}.filter-section.svelte-u4k2t{padding:var(--space-34) 0;background:var(--background-secondary);border-bottom:1px solid var(--border)}.filter-nav.svelte-u4k2t{display:flex;gap:var(--space-13);justify-content:center;flex-wrap:wrap}.filter-btn.svelte-u4k2t{padding:var(--space-8) var(--space-21);background:transparent;border:1px solid var(--border);border-radius:9999px;color:var(--foreground-muted);font-size:var(--type-13);font-weight:500;text-transform:capitalize;cursor:pointer;transition:all var(--timing-normal) var(--ease-natural)}.filter-btn.svelte-u4k2t:hover{background:#f8b4b41a;border-color:#f8b4b44d;color:var(--foreground)}.filter-btn.active.svelte-u4k2t{background:var(--gradient-primary);border-color:transparent;color:var(--primary-foreground);box-shadow:var(--shadow-pink)}.posts-section.svelte-u4k2t{background:var(--background)}.posts-grid.svelte-u4k2t{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-34)}.post-card.svelte-u4k2t{position:relative;display:flex;flex-direction:column;min-height:520px;overflow:hidden;cursor:default}.post-card.clickable.svelte-u4k2t{cursor:pointer}.post-card.svelte-u4k2t:before{content:"";position:absolute;inset:0;background:var(--gradient-pink-glow);opacity:0;transition:opacity var(--timing-normal) var(--ease-natural);pointer-events:none}.post-card.svelte-u4k2t:hover:before{opacity:1}.post-card.featured.svelte-u4k2t{background:linear-gradient(135deg,rgba(248,180,180,.06) 0%,var(--card) 100%);border-color:#f8b4b44d;box-shadow:0 8px 24px #f8b4b41f,var(--shadow-medium)}.post-card.featured.svelte-u4k2t:hover{box-shadow:0 20px 40px #f8b4b433,var(--shadow-large);border-color:#f8b4b480}.post-content.svelte-u4k2t{display:flex;flex-direction:column;gap:var(--space-13);height:100%}.post-meta.svelte-u4k2t{display:flex;align-items:center;gap:var(--space-8);font-size:11px;color:var(--foreground-muted);flex-wrap:wrap}.category-badge.svelte-u4k2t{display:inline-flex;align-items:center;background:#ffffff0d;color:var(--foreground-muted);padding:4px 10px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:9px;transition:all var(--timing-fast) var(--ease-natural)}.post-card.svelte-u4k2t:hover .category-badge:where(.svelte-u4k2t){background:#ffffff14}.meta-divider.svelte-u4k2t{opacity:.3;font-weight:700}.date.svelte-u4k2t,.read-time.svelte-u4k2t{font-family:var(--font-mono);font-size:11px}.post-title.svelte-u4k2t{font-size:var(--type-26);font-weight:700;line-height:1.3;margin-bottom:var(--space-21);letter-spacing:-.02em;color:var(--foreground);transition:color var(--timing-fast) var(--ease-natural)}.post-card.svelte-u4k2t:hover .post-title:where(.svelte-u4k2t){color:var(--primary)}.post-thumbnail.svelte-u4k2t{position:relative;width:100%;height:220px;overflow:hidden;background:var(--background-secondary);flex-shrink:0;border-radius:12px}.post-thumbnail.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform var(--timing-slow) var(--ease-natural)}.post-card.svelte-u4k2t:hover .post-thumbnail:where(.svelte-u4k2t) img:where(.svelte-u4k2t){transform:scale(1.05)}.thumbnail-overlay.svelte-u4k2t{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.05) 100%);opacity:.6;transition:opacity var(--timing-normal) var(--ease-natural)}.post-card.svelte-u4k2t:hover .thumbnail-overlay:where(.svelte-u4k2t){opacity:.8}.post-description.svelte-u4k2t{flex:1;font-size:var(--type-14);color:var(--foreground-muted);line-height:1.7;margin-bottom:0}.post-tags.svelte-u4k2t{display:flex;gap:var(--space-8);flex-wrap:wrap}.tag.svelte-u4k2t{display:inline-flex;align-items:center;background:#ffffff0d;color:var(--foreground-muted);padding:4px 10px;border-radius:4px;font-size:10px;font-weight:500;border:1px solid rgba(255,255,255,.05);transition:all var(--timing-fast) var(--ease-natural)}.tag.svelte-u4k2t:hover{background:#ffffff14;border-color:#ffffff1a;color:var(--foreground)}.post-footer.svelte-u4k2t{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-21);margin-top:auto;border-top:1px solid var(--border);gap:var(--space-13);flex-wrap:wrap}.read-more-btn.svelte-u4k2t{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#f8b4b414,#f8b4b41f);color:var(--primary);border:1px solid rgba(248,180,180,.25);border-radius:8px;font-size:13px;font-weight:600;transition:all var(--timing-normal) var(--ease-natural);white-space:nowrap;text-decoration:none;letter-spacing:.01em;pointer-events:none}.read-more-btn.disabled.svelte-u4k2t{opacity:.5}.read-more-btn.svelte-u4k2t svg:where(.svelte-u4k2t){transition:transform var(--timing-fast) var(--ease-natural)}.post-card.clickable.svelte-u4k2t:hover .read-more-btn:where(.svelte-u4k2t){background:linear-gradient(135deg,#f8b4b426,#f8b4b433);border-color:#f8b4b466}.post-card.clickable.svelte-u4k2t:hover .read-more-btn:where(.svelte-u4k2t) svg:where(.svelte-u4k2t){transform:translate(2px)}.post-card.svelte-u4k2t:hover .read-more-btn.disabled:where(.svelte-u4k2t){opacity:.6}.card-shine.svelte-u4k2t{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(248,180,180,.1) 50%,transparent 100%);transition:left .6s var(--ease-natural);pointer-events:none}.post-card.svelte-u4k2t:hover .card-shine:where(.svelte-u4k2t){left:100%}.cta.svelte-u4k2t{overflow:hidden}.cta-bg.svelte-u4k2t{position:absolute;inset:0;overflow:hidden;pointer-events:none}.cta.svelte-u4k2t .orb-1:where(.svelte-u4k2t){width:500px;height:500px;top:-200px;left:50%;transform:translate(-50%)}.cta.svelte-u4k2t .orb-2:where(.svelte-u4k2t){width:300px;height:300px;bottom:-100px;right:10%}.cta-content.svelte-u4k2t{position:relative;text-align:center;max-width:600px;margin:0 auto;animation:fadeIn var(--timing-slow) var(--ease-natural)}.cta-content.svelte-u4k2t .section-description{margin-bottom:var(--space-34)}.cta-actions.svelte-u4k2t{display:flex;flex-wrap:wrap;gap:var(--space-13);justify-content:center}.cta-actions.svelte-u4k2t .btn:where(.svelte-u4k2t){border-radius:9999px}.cta-actions.svelte-u4k2t .btn-primary:where(.svelte-u4k2t){position:relative;z-index:1}.cta-actions.svelte-u4k2t .btn-primary:where(.svelte-u4k2t):before{content:"";position:absolute;inset:0;border-radius:9999px;background:var(--gradient-primary);z-index:-1;transition:filter var(--timing-normal) var(--ease-natural)}.cta-actions.svelte-u4k2t .btn-primary:where(.svelte-u4k2t):hover:before{filter:blur(8px)}.cta-actions.svelte-u4k2t .btn-primary:where(.svelte-u4k2t){color:var(--primary-foreground)}@media(max-width:1024px){.posts-grid.svelte-u4k2t{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-21)}}@media(max-width:767px){.blog-hero.svelte-u4k2t{min-height:100vh;padding:var(--space-34) 0}.hero-title.svelte-u4k2t{font-size:var(--type-42)}.hero-description.svelte-u4k2t{font-size:var(--type-16)}.hero-stats.svelte-u4k2t{gap:var(--space-34)}.stat-divider.svelte-u4k2t{display:none}.filter-section.svelte-u4k2t{padding:var(--space-21) 0}.filter-nav.svelte-u4k2t{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 var(--space-8)}.filter-nav.svelte-u4k2t::-webkit-scrollbar{display:none}.filter-btn.svelte-u4k2t{white-space:nowrap;flex-shrink:0}.posts-grid.svelte-u4k2t{grid-template-columns:1fr;gap:var(--space-21)}.post-card.svelte-u4k2t{min-height:480px}.post-title.svelte-u4k2t{font-size:var(--type-21);margin-bottom:var(--space-13)}.post-thumbnail.svelte-u4k2t{height:180px;margin-bottom:var(--space-13)}.post-tags.svelte-u4k2t{margin-bottom:var(--space-13)}.post-description.svelte-u4k2t{font-size:var(--type-13)}.read-more-btn.svelte-u4k2t{padding:8px 14px;font-size:11px}.cta-actions.svelte-u4k2t{flex-direction:column;align-items:stretch;padding:0 var(--space-21)}.cta-actions.svelte-u4k2t .btn:where(.svelte-u4k2t){width:100%}}@media(max-width:480px){.hero-badge.svelte-u4k2t{font-size:11px;padding:4px 12px}.badge-dot.svelte-u4k2t{width:5px;height:5px}.hero-stats.svelte-u4k2t{gap:var(--space-21)}.stat-value.svelte-u4k2t{font-size:var(--type-21)}.post-card.svelte-u4k2t{min-height:440px}.post-title.svelte-u4k2t{font-size:var(--type-21);margin-bottom:var(--space-13)}.post-thumbnail.svelte-u4k2t{height:160px;margin-bottom:var(--space-13)}.post-description.svelte-u4k2t{font-size:var(--type-13);line-height:1.6}.post-tags.svelte-u4k2t{gap:6px;margin-bottom:var(--space-13)}.tag.svelte-u4k2t{font-size:10px;padding:5px 10px}.post-footer.svelte-u4k2t{padding-top:var(--space-13);margin-top:var(--space-13)}.read-more-btn.svelte-u4k2t{padding:7px 12px;font-size:11px;gap:4px}.read-more-btn.svelte-u4k2t svg:where(.svelte-u4k2t){width:12px;height:12px}}
