.project-card.svelte-oviq8z{display:flex;flex-direction:column;height:100%;padding:0;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card.svelte-oviq8z:hover{transform:translateY(-10px);box-shadow:var(--accent-glow)}.image-container.svelte-oviq8z{height:200px;background:#222;overflow:hidden;position:relative}.image-container.svelte-oviq8z img:where(.svelte-oviq8z){width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card.svelte-oviq8z:hover .image-container:where(.svelte-oviq8z) img:where(.svelte-oviq8z){transform:scale(1.05)}.content.svelte-oviq8z{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}h3.svelte-oviq8z{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.category.svelte-oviq8z{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent-secondary);margin-bottom:1rem;display:block}p.svelte-oviq8z{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem;flex-grow:1}.tags.svelte-oviq8z{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag.svelte-oviq8z{background:#ffffff1a;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;color:var(--text-secondary);font-family:var(--font-mono)}.links.svelte-oviq8z{display:flex;gap:1rem;margin-top:auto}.btn-link.svelte-oviq8z{font-size:.9rem;font-weight:600;color:var(--accent-primary)}.btn-link.svelte-oviq8z:hover{color:var(--accent-secondary);text-decoration:underline}.page-content.svelte-rqn88j{padding-top:2rem}.filters.svelte-rqn88j{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.filters.svelte-rqn88j button:where(.svelte-rqn88j){background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:.5rem 1.5rem;border-radius:30px;transition:all .3s ease}.filters.svelte-rqn88j button:where(.svelte-rqn88j):hover,.filters.svelte-rqn88j button.active:where(.svelte-rqn88j){background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 15px #7000ff4d}.grid.svelte-rqn88j{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media(min-width:640px){.grid.svelte-rqn88j{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid.svelte-rqn88j{grid-template-columns:repeat(3,1fr)}}