.portfolio-page{min-height:100vh;padding:120px 0 80px}.portfolio-hero{text-align:center;margin-bottom:40px}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:48px;display:flex}.portfolio-filter-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border-radius:50px;padding:10px 24px;font-size:.9rem;font-weight:600}.portfolio-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.portfolio-filter-btn.active{background:var(--gradient);color:#fff;border-color:#0000}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.portfolio-card{flex-direction:column;height:100%;display:flex;overflow:hidden}.portfolio-card-gradient{border-radius:var(--radius);opacity:.85;height:140px;margin:-32px -32px 20px}.portfolio-card-title{margin-bottom:6px;font-size:1.2rem;font-weight:700}.portfolio-card-category{text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:12px;font-size:.8rem;font-weight:600;display:inline-block}.portfolio-card-desc{color:var(--text-secondary);flex:1;margin-bottom:16px;line-height:1.7}.portfolio-card-tags{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.portfolio-card-actions{align-items:center;gap:10px;display:flex}.portfolio-card-actions .btn-primary{flex:1}.portfolio-empty{text-align:center;color:var(--text-muted);padding:60px 0}@media (max-width:768px){.portfolio-page{padding:100px 0 60px}.portfolio-grid{grid-template-columns:1fr}}