.projects-page.svelte-rqn88j{max-width:1200px;margin:0 auto}h1.svelte-rqn88j{font-size:2.5rem;margin-bottom:1rem;text-align:center}.intro.svelte-rqn88j{text-align:center;max-width:800px;margin:0 auto 3rem;color:var(--text-light);line-height:1.6}.filters.svelte-rqn88j{margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.filter-label.svelte-rqn88j{font-weight:500}.filter-options.svelte-rqn88j{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn.svelte-rqn88j{background:none;border:1px solid var(--border);padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;cursor:pointer;transition:all .2s;color:var(--text)}.filter-btn.svelte-rqn88j:hover{background-color:var(--bg-alt)}.filter-btn.active.svelte-rqn88j{background-color:var(--primary);color:#fff;border-color:var(--primary)}.projects-grid.svelte-rqn88j{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.project-card.svelte-rqn88j{border-radius:.5rem;overflow:hidden;background-color:var(--bg-alt);border:1px solid var(--border);transition:transform .3s,box-shadow .3s}.project-card.svelte-rqn88j:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.project-image.svelte-rqn88j{position:relative;height:200px;overflow:hidden}.project-image.svelte-rqn88j img:where(.svelte-rqn88j){width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card.svelte-rqn88j:hover .project-image:where(.svelte-rqn88j) img:where(.svelte-rqn88j){transform:scale(1.05)}.overlay.svelte-rqn88j{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.project-card.svelte-rqn88j:hover .overlay:where(.svelte-rqn88j){opacity:1}.buttons.svelte-rqn88j{display:flex;gap:1rem}.btn.svelte-rqn88j{background-color:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:.25rem;font-size:.875rem;transition:background-color .2s}.btn.svelte-rqn88j:hover{background-color:var(--primary-dark)}.project-content.svelte-rqn88j{padding:1.5rem}h3.svelte-rqn88j{font-size:1.25rem;margin-bottom:.75rem;color:var(--text)}p.svelte-rqn88j{color:var(--text-light);margin-bottom:1rem;line-height:1.6}.tech-tags.svelte-rqn88j{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag.svelte-rqn88j{background-color:var(--bg);color:var(--text-light);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;border:1px solid var(--border);transition:background-color .3s,color .3s,border-color .3s}@media (max-width: 768px){.projects-grid.svelte-rqn88j{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}