.blog-index{position:relative;color:var(--c-ink)}.blog-index::before{position:fixed;z-index:-1;inset:0;background:radial-gradient(circle at 15% 12%, color-mix(in srgb, var(--c-accent) 6%, transparent), transparent 30rem),linear-gradient(180deg, var(--c-bg), color-mix(in srgb, var(--c-surface) 48%, var(--c-bg)));content:"";pointer-events:none}.blog-hero{margin-bottom:3rem;padding:clamp(2rem,5vw,3.5rem);overflow:hidden;border:1px solid var(--c-line);border-radius:.75rem;background:linear-gradient(115deg, color-mix(in srgb, var(--c-accent-soft) 48%, transparent), transparent 54%),var(--c-surface-raised);box-shadow:var(--c-card-shadow)}.blog-hero__eyebrow{margin:0 0 .5rem;color:var(--c-accent);font-size:.75rem;font-weight:700;letter-spacing:.1em;line-height:1.5;text-transform:uppercase}.blog-hero h1{margin:0;color:var(--c-ink);font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700;letter-spacing:-0.025em;line-height:1.15}.blog-hero__description{max-width:62ch;margin:.75rem 0 0;color:var(--c-ink);font-size:1.0625rem;font-weight:700;line-height:1.6}.blog-hero__introduction{max-width:72ch;margin:.75rem 0 0;color:var(--c-ink-muted);font-size:1rem;line-height:1.7}html[data-theme=dark] .blog-index::before{background:radial-gradient(circle at 12% 10%, rgba(156, 180, 220, 0.13), transparent 30rem),radial-gradient(circle at 88% 32%, rgba(132, 154, 190, 0.1), transparent 25rem),linear-gradient(145deg, #202329 0%, #2a2e34 50%, #22252a 100%)}html[data-theme=dark] .blog-hero,html[data-theme=dark] .blog-empty-state{border-color:rgba(222,218,210,.17);background:rgba(49,54,61,.84);box-shadow:0 20px 58px rgba(0,0,0,.18);backdrop-filter:blur(16px) saturate(120%)}html[data-theme=dark] .blog-hero{background:linear-gradient(115deg, rgba(156, 180, 220, 0.15), transparent 58%),rgba(49,54,61,.84)}.blog-empty-state{display:grid;grid-template-columns:auto minmax(0, 1fr);gap:1rem;align-items:start;padding:1.5rem;border:1px solid var(--c-line);border-radius:.5rem;background:var(--c-surface)}.blog-empty-state__icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;color:var(--c-accent);background:var(--c-accent-soft)}.blog-empty-state h2{margin:0;color:var(--c-ink);font-size:1.125rem;font-weight:700;line-height:1.4}.blog-empty-state p{max-width:68ch;margin:.375rem 0 0;color:var(--c-ink-muted);font-size:.9375rem;line-height:1.65}.blog-index a:focus-visible{outline:3px solid color-mix(in srgb, var(--c-accent) 45%, transparent);outline-offset:4px}@media(max-width: 767px){.blog-hero{margin-bottom:2rem}}