.main.svelte-1awjxzj.svelte-1awjxzj{padding:60px 0}.page-header.svelte-1awjxzj.svelte-1awjxzj{text-align:center;margin-bottom:48px}.page-title.svelte-1awjxzj.svelte-1awjxzj{font-size:3rem;margin:12px 0 16px}.page-desc.svelte-1awjxzj.svelte-1awjxzj{color:var(--text-muted);max-width:500px;margin:0 auto}.category-tabs.svelte-1awjxzj.svelte-1awjxzj{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:40px}.cat-btn.svelte-1awjxzj.svelte-1awjxzj{padding:8px 20px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;transition:var(--transition)}.cat-btn.svelte-1awjxzj.svelte-1awjxzj:hover{border-color:var(--accent);color:var(--text)}.cat-btn.active.svelte-1awjxzj.svelte-1awjxzj{background:var(--accent);border-color:var(--accent);color:#fff}.loading.svelte-1awjxzj.svelte-1awjxzj,.empty.svelte-1awjxzj.svelte-1awjxzj{display:flex;justify-content:center;padding:80px;color:var(--text-muted)}.portfolio-grid.svelte-1awjxzj.svelte-1awjxzj{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.porto-card.svelte-1awjxzj.svelte-1awjxzj{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition),border-color var(--transition)}.porto-card.svelte-1awjxzj.svelte-1awjxzj:hover{transform:translateY(-4px);border-color:var(--accent)}.porto-img.svelte-1awjxzj.svelte-1awjxzj{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg-elevated)}.porto-img.svelte-1awjxzj img.svelte-1awjxzj{width:100%;height:100%;object-fit:cover;transition:transform .4s}.porto-card.svelte-1awjxzj:hover .porto-img img.svelte-1awjxzj{transform:scale(1.05)}.porto-placeholder.svelte-1awjxzj.svelte-1awjxzj{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.featured-badge.svelte-1awjxzj.svelte-1awjxzj{position:absolute;top:12px;left:12px;background:#ffc80026;color:#ffc800;border:1px solid rgba(255,200,0,.2);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.porto-overlay.svelte-1awjxzj.svelte-1awjxzj{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0fd9;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition);gap:10px}.porto-card.svelte-1awjxzj:hover .porto-overlay.svelte-1awjxzj{opacity:1}.porto-body.svelte-1awjxzj.svelte-1awjxzj{padding:20px}.porto-meta.svelte-1awjxzj.svelte-1awjxzj{margin-bottom:10px}.porto-title.svelte-1awjxzj.svelte-1awjxzj{font-size:1.1rem;margin-bottom:8px}.porto-desc.svelte-1awjxzj.svelte-1awjxzj{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tech-stack.svelte-1awjxzj.svelte-1awjxzj{display:flex;flex-wrap:wrap;gap:6px}.tech-tag.svelte-1awjxzj.svelte-1awjxzj{padding:3px 10px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);font-size:11px;color:var(--text-muted)}@media (max-width: 1024px){.portfolio-grid.svelte-1awjxzj.svelte-1awjxzj{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.portfolio-grid.svelte-1awjxzj.svelte-1awjxzj{grid-template-columns:1fr}}