html,body{background:#0A0202;margin:0}
.portfolio-section{padding:80px 0;background:#FAF8F8}
  .portfolio-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:48px}
  .filter-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:100px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;border:1.5px solid #EDE4E4;background:#fff;color:#555;transition:all .25s}
  .filter-btn:hover{border-color:rgba(165,0,0,.3);color:#A50000;background:rgba(165,0,0,.04)}
  .filter-btn.active{background:#A50000;color:#fff;border-color:#A50000;box-shadow:0 4px 16px rgba(165,0,0,.25)}
  .projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .proj-card{background:#fff;border:1px solid #EDE4E4;border-radius:20px;overflow:hidden;transition:all .35s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column}
  .proj-card:hover{border-color:rgba(165,0,0,.22);box-shadow:0 20px 50px rgba(165,0,0,.09);transform:translateY(-5px)}
  .proj-card.hidden{display:none}
  .proj-thumb{height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
  .proj-thumb-mobile{background:linear-gradient(135deg,#0A0202,#1A0505)}
  .proj-thumb-enterprise{background:linear-gradient(135deg,#0A0A14,#1A1A2E)}
  .proj-thumb-fintech{background:linear-gradient(135deg,#0A0A0A,#1A1A0A)}
  .proj-thumb-healthcare{background:linear-gradient(135deg,#050A0A,#0A1A14)}
  .proj-thumb-ai{background:linear-gradient(135deg,#0A0202,#2A0505)}
  .proj-icon{width:64px;height:64px;border-radius:18px;background:rgba(165,0,0,.2);border:1px solid rgba(165,0,0,.3);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
  .proj-icon i,.proj-icon svg,.proj-icon svg.svg-icon{font-size:1.6rem;color:#FF8080 !important;fill:#FF8080 !important;width:1.6rem !important;height:1.6rem !important}
  .proj-thumb::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,rgba(165,0,0,.15),transparent 70%)}
  .proj-body{padding:24px;flex:1;display:flex;flex-direction:column}
  .proj-cats{display:flex;gap:7px;margin-bottom:12px;flex-wrap:wrap}
  .proj-cat{font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#A50000;background:rgba(165,0,0,.07);border:1px solid rgba(165,0,0,.14);padding:3px 9px;border-radius:100px}
  .proj-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.05rem;font-weight:700;color:#0F0F0F;margin-bottom:8px}
  .proj-desc{font-size:.87rem;color:#666;line-height:1.65;margin-bottom:16px;flex:1}
  .proj-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
  .proj-chip{font-size:.72rem;color:#555;background:#FAF8F8;border:1px solid #EDE4E4;padding:3px 10px;border-radius:100px}
  .proj-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #F2EAEA}
  .proj-link{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:#A50000;transition:gap .2s}
  .proj-link:hover{gap:10px}
  @media(max-width:900px){.projects-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:600px){.projects-grid{grid-template-columns:1fr}}