.portfolio-section{padding:6rem 2rem}.portfolio-filters{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:4rem}.filter-btn{padding:12px 24px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text-muted);font-family:var(--font-primary);font-weight:600;font-size:0.9rem;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:8px}.filter-btn:hover,.filter-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--white);border-color:transparent;transform:translateY(-2px)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:all var(--transition-base);cursor:pointer}.project-card.hidden{display:none}.project-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 16px 48px rgba(0,217,255,0.2)}.project-image{height:250px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-image i{font-size:4rem;color:var(--white);opacity:0.3;z-index:2;position:relative}.project-gradient{position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,0.1),transparent 60%)}.project-content{padding:2rem}.project-category{font-size:0.8rem;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:0.8rem}.project-content h3{font-size:1.4rem;margin-bottom:1rem}.project-content p{color:var(--text-muted);line-height:1.7;margin-bottom:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:0.5rem}.project-tags span{padding:6px 12px;background:rgba(0,217,255,0.1);border:1px solid rgba(0,217,255,0.2);border-radius:20px;font-size:0.75rem;color:var(--accent);font-weight:600}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr}}