.hero.svelte-140z7es{color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='1.5' fill='rgba(255,255,255,0.08)' /%3E%3C/svg%3E"),linear-gradient(135deg,#0f172a 0%,#0d9488 100%);background-size:60px 60px,100% 100%;padding-block:20px 3rem;position:relative}.hero__breadcrumb-wrap.svelte-140z7es{margin-bottom:0}.hero__inner.svelte-140z7es{max-width:var(--container-max)}.hero.svelte-140z7es h1:where(.svelte-140z7es){color:#fff;margin-block:50px .5rem;font-size:clamp(2rem,5vw,3rem)}.hero__subtitle.svelte-140z7es{color:#fffc;margin:0;font-size:1.25rem}.filters.svelte-140z7es{flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;display:flex}.filter-btn.svelte-140z7es{border:1px solid var(--color-gray-200);border-radius:var(--radius-full);background:var(--color-white);color:#475569;cursor:pointer;transition:all var(--transition-fast);padding:.5rem 1.125rem;font-size:.875rem;font-weight:500}.filter-btn.svelte-140z7es:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn--active.svelte-140z7es{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.filter-btn--active.svelte-140z7es:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-white)}.portfolio-grid.svelte-140z7es{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.portfolio-card.svelte-140z7es{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);color:inherit;transition:box-shadow var(--transition-normal), transform var(--transition-normal);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.portfolio-card.svelte-140z7es:hover{box-shadow:var(--shadow-lg);color:inherit;transform:translateY(-2px)}.portfolio-card__screenshot.svelte-140z7es{aspect-ratio:16/10;background:var(--color-gray-50);overflow:hidden}.portfolio-card__image.svelte-140z7es{object-fit:cover;object-position:top;width:100%;height:100%}.portfolio-card__body.svelte-140z7es{padding:1.25rem 1.5rem 1.5rem}.portfolio-card__name.svelte-140z7es{color:#0f172a;margin-bottom:.375rem;font-size:1.125rem;font-weight:600}.empty-state.svelte-140z7es{text-align:center;color:#64748b;padding:3rem;font-size:1rem}@media (width<=640px){.hero.svelte-140z7es{padding-block:3rem 2rem}.portfolio-grid.svelte-140z7es{grid-template-columns:1fr;gap:1.5rem}.filters.svelte-140z7es{gap:.375rem}.filter-btn.svelte-140z7es{padding:.4375rem .875rem;font-size:.8125rem}}