.app.svelte-1rb0mr3{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.main-content.svelte-1rb0mr3{flex:1;padding-top:64px}.page-hero.svelte-1rb0mr3{position:relative;padding:4rem 0 3rem;text-align:center;overflow:hidden}.hero-background.svelte-1rb0mr3{position:absolute;inset:0;z-index:0}.hero-gradient.svelte-1rb0mr3{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,212,170,.15),transparent)}.hero-container.svelte-1rb0mr3{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 1.5rem}.category-icon-large.svelte-1rb0mr3{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--accent-dim);border-radius:20px;font-size:2.5rem;margin:0 auto 1.5rem}.hero-title.svelte-1rb0mr3{font-size:2.5rem;font-weight:800;color:var(--text-primary);line-height:1.2;margin-bottom:1rem}@media(min-width:768px){.hero-title.svelte-1rb0mr3{font-size:3rem}}.hero-description.svelte-1rb0mr3{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.posts-section.svelte-1rb0mr3{padding:2rem 0 4rem}.posts-container.svelte-1rb0mr3{max-width:1400px;margin:0 auto;padding:0 1.5rem}.breadcrumb.svelte-1rb0mr3{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem}.breadcrumb-link.svelte-1rb0mr3{color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.breadcrumb-link.svelte-1rb0mr3:hover{color:var(--accent)}.breadcrumb-separator.svelte-1rb0mr3{color:var(--text-muted)}.breadcrumb-current.svelte-1rb0mr3{color:var(--text-primary);font-weight:500}.posts-grid.svelte-1rb0mr3{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.posts-grid.svelte-1rb0mr3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.posts-grid.svelte-1rb0mr3{grid-template-columns:repeat(3,1fr)}}.pagination.svelte-1rb0mr3{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.pagination-btn.svelte-1rb0mr3{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:.625rem 1.25rem;border:1px solid var(--border);border-radius:8px;transition:all .15s ease}.pagination-btn.svelte-1rb0mr3:hover{color:var(--accent);border-color:var(--accent)}.pagination-info.svelte-1rb0mr3{font-size:.875rem;color:var(--text-muted)}.empty-message.svelte-1rb0mr3{text-align:center;color:var(--text-muted);font-size:.875rem;padding:4rem 0}