.projects-page.svelte-8h8pqc{padding:8rem 0 6rem}.page-header.svelte-8h8pqc{text-align:center;margin-bottom:4rem}.page-header.svelte-8h8pqc h1:where(.svelte-8h8pqc){font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem}.page-header.svelte-8h8pqc p:where(.svelte-8h8pqc){font-size:1.2rem;color:var(--muted);max-width:600px;margin:0 auto}.filter-container.svelte-8h8pqc{margin-bottom:3rem;display:flex;justify-content:center}.filter-tabs.svelte-8h8pqc{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-tab.svelte-8h8pqc{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--muted);padding:.5rem 1.5rem;border-radius:30px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.filter-tab.svelte-8h8pqc:hover{border-color:var(--foreground);color:var(--foreground)}.filter-tab.active.svelte-8h8pqc{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.projects-grid.svelte-8h8pqc{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem}.project-card.svelte-8h8pqc{border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;background:#14141480;transition:transform .3s ease,box-shadow .3s ease;opacity:0;animation:svelte-8h8pqc-fadeInUp .6s forwards;animation-delay:var(--delay, 0s)}.project-card.svelte-8h8pqc:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#fff3}.project-image.svelte-8h8pqc{height:200px;overflow:hidden;position:relative}.project-image.svelte-8h8pqc img:where(.svelte-8h8pqc){width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card.svelte-8h8pqc:hover .project-image:where(.svelte-8h8pqc) img:where(.svelte-8h8pqc){transform:scale(1.05)}.featured-badge.svelte-8h8pqc{position:absolute;top:1rem;right:1rem;background:var(--foreground);color:var(--background);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500}.project-content.svelte-8h8pqc{padding:1.5rem}.project-category.svelte-8h8pqc{display:inline-block;background:#ffffff1a;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;margin-bottom:1rem;color:var(--muted)}.project-content.svelte-8h8pqc h2:where(.svelte-8h8pqc){font-size:1.5rem;margin-bottom:1rem}.project-content.svelte-8h8pqc p:where(.svelte-8h8pqc){color:var(--muted);margin-bottom:1.5rem;line-height:1.6}.tech-stack.svelte-8h8pqc{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag.svelte-8h8pqc{background:#ffffff0d;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;color:var(--muted)}.project-links.svelte-8h8pqc{display:flex;gap:1rem}.project-link.svelte-8h8pqc{padding:.5rem 1rem;border-radius:4px;font-weight:500;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.github.svelte-8h8pqc{background:transparent;border:1px solid var(--foreground)}.github.svelte-8h8pqc:hover,.live.svelte-8h8pqc{background:var(--foreground);color:var(--background)}.live.svelte-8h8pqc:hover{background:transparent;color:var(--foreground);border:1px solid var(--foreground)}@keyframes svelte-8h8pqc-fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.projects-grid.svelte-8h8pqc{grid-template-columns:1fr}}