.port-header{text-align:center;margin-bottom:28px}.port-stats{display:flex;justify-content:center;align-items:center;gap:22px;margin:20px auto 24px}.pstat{text-align:center}.pstat-n{display:block;font-family:'Playfair Display',serif;font-size:2rem;color:var(--gold)}.pstat-l{font-family:'Fira Code',monospace;color:var(--text3);font-size:.65rem}.pstat-sep{width:1px;height:34px;background:var(--border-gold)}.port-filter{display:flex;justify-content:center;gap:10px;margin-bottom:28px}.filter-btn{border:1px solid var(--border-gold);background:transparent;color:var(--text2);border-radius:999px;padding:9px 16px;cursor:pointer}.filter-btn.active,.filter-btn:hover{color:#0b0905;background:var(--gold)}.port-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.port-card{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;padding:20px;min-height:220px;transition:.25s;position:relative;overflow:hidden}.port-card:hover{border-color:var(--border-gold);transform:translateY(-4px);box-shadow:var(--shadow-gold)}.port-emoji{font-size:2.2rem}.port-title{font-size:1.1rem;font-weight:800;margin-top:12px}.port-tag{color:var(--gold);font-family:'Fira Code',monospace;font-size:.7rem;margin-top:5px}.port-desc{color:var(--text2);line-height:1.7;margin-top:12px}.port-tech{color:var(--text3);font-family:'Fira Code',monospace;font-size:.68rem;margin-top:14px}.port-empty{text-align:center;color:var(--text3);padding:50px;border:1px dashed var(--border-gold);border-radius:20px}.port-img{width:100%;height:150px;object-fit:cover;border-radius:14px;margin-bottom:12px;border:1px solid var(--border)}