.portfolio-section{padding:100px 24px;overflow:visible}.portfolio-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:48px}.portfolio-tab{padding:12px 24px;background:rgba(15,23,42,.6);border:1px solid rgba(59,130,246,.2);border-radius:100px;font-size:.95rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:.35s cubic-bezier(.4, 0, .2, 1)}.portfolio-tab.active,.portfolio-tab:hover{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.4);color:#93c5fd}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.portfolio-category{background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:32px;transition:.45s cubic-bezier(.34, 1.56, .64, 1);opacity:0;transform:translateY(24px)}.portfolio-category.visible{opacity:1;transform:translateY(0)}.portfolio-category:hover{transform:translateY(-8px);border-color:rgba(59,130,246,.4);box-shadow:0 24px 56px rgba(0,0,0,.4),0 0 60px rgba(59,130,246,.08)}.portfolio-category h3{font-size:1.25rem;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(59,130,246,.2);color:#93c5fd}.portfolio-list{list-style:none;padding:0;margin:0}.portfolio-list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:12px;transition:.3s}.portfolio-list li:last-child{border-bottom:none}.portfolio-list a{color:var(--text-muted);font-size:.95rem;transition:color .3s}.portfolio-list a:hover{color:#60a5fa}.portfolio-list .arrow{opacity:0;transform:translateX(-8px);transition:.3s;color:var(--accent)}.portfolio-list li:hover .arrow{opacity:1;transform:translateX(0)}