.filter-bar.svelte-a72wie{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:24px}.filter-icon-label.svelte-a72wie{display:inline-flex;align-items:center;justify-content:center;color:var(--accent-primary, #00f2ff);padding:4px 4px 4px 0;opacity:.85}.filter-btn.svelte-a72wie{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;background:var(--surface-subtle);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.88rem;cursor:pointer;transition:all .2s ease}.filter-btn.svelte-a72wie:hover{background:var(--surface-hover);color:var(--text-primary)}.filter-btn.active.svelte-a72wie{background:rgba(var(--accent-primary-rgb),.2);color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 4px 14px rgba(var(--accent-primary-rgb, 0, 242, 255),.25)}.projects-grid.svelte-a72wie{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.project-card.svelte-a72wie{position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.featured-card.svelte-a72wie{border:1px solid rgba(168,85,247,.5);box-shadow:0 0 25px #7000ff33}.featured-badge.svelte-a72wie{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;background:linear-gradient(135deg,#a855f7,#7000ff);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 14px #7000ff66}.project-img.svelte-a72wie{height:200px;overflow:hidden;background:var(--surface-subtle)}.project-img.svelte-a72wie img:where(.svelte-a72wie){width:100%;height:100%;object-fit:cover}.project-content.svelte-a72wie{padding:20px;display:flex;flex-direction:column;flex-grow:1;gap:12px}.project-title.svelte-a72wie{font-size:1.15rem;font-weight:600;color:var(--text-primary, #ffffff);line-height:1.3}.project-desc.svelte-a72wie{font-size:.88rem;color:var(--text-secondary, rgba(255, 255, 255, .75));line-height:1.5;flex-grow:1}.tech-stack.svelte-a72wie{display:flex;flex-wrap:wrap;gap:6px}.tech-tag.svelte-a72wie{font-size:.76rem;padding:3px 8px;border-radius:6px;background:var(--surface-subtle);color:var(--text-secondary);border:1px solid var(--border-color)}.project-btn.svelte-a72wie{margin-top:auto;justify-content:center;font-size:.9rem;gap:8px;text-decoration:none}.featured-btn.svelte-a72wie{background:linear-gradient(135deg,#a855f7,#7000ff);color:#fff;font-weight:600;border:1px solid rgba(168,85,247,.4)}.featured-btn.svelte-a72wie:hover{box-shadow:0 4px 18px #a855f780}