.portfolio-category-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:2.5rem;display:flex}.btn-container-cls{display:inline-block}.star-border-container{cursor:pointer;-ms-border-radius:10px;-o-border-radius:10px;background:0 0;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;padding:0;transition:transform .2s;display:inline-flex;position:relative;overflow:hidden}.star-border-container:hover{transform:translateY(-2px);box-shadow:0 0 15px #53ae7d80}.border-gradient-bottom{opacity:.85;z-index:0;background-color:#000;border-radius:50%;width:300%;height:60%;animation:linear infinite alternate star-movement-bottom;position:absolute;bottom:-10px;right:-250%}.border-gradient-top{opacity:.85;z-index:0;border-radius:50%;width:300%;height:60%;animation:linear infinite alternate star-movement-top;position:absolute;top:-10px;left:-250%}.inner-content{color:#fff;text-align:center;z-index:1;white-space:nowrap;-ms-border-radius:10px;-o-border-radius:10px;background:linear-gradient(135deg,#275674 0%,#53ae7d 100%);border-radius:10px;padding:10px 20px;font-size:16px;font-weight:600;transition:all .3s;position:relative}.star-border-container.active-category .inner-content{border-color:#275674;box-shadow:0 0 15px #53ae7d80}@keyframes star-movement-bottom{0%{opacity:1;transform:translate(0%)}to{opacity:.2;transform:translate(-100%)}}@keyframes star-movement-top{0%{opacity:1;transform:translate(0%)}to{opacity:.2;transform:translate(100%)}}.portfolio-modal-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.portfolio-modal-card{cursor:pointer;background:#000;border:1px solid #ffffff14;border-radius:16px;height:280px;transition:transform .3s,box-shadow .3s;animation:.4s ease-out forwards portfolioFadeIn;position:relative;overflow:hidden}.portfolio-modal-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.portfolio-modal-card-image{width:100%;height:100%;overflow:hidden}.portfolio-modal-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.portfolio-modal-card:hover .portfolio-modal-card-image img{transform:scale(1.08)}.portfolio-modal-card-overlay{z-index:2;background:linear-gradient(#0000 40%,#000000d9 100%);justify-content:space-between;align-items:flex-end;padding:20px;display:flex;position:absolute;inset:0}.portfolio-modal-card-overlay h3{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.portfolio-card-plus-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;line-height:1;transition:all .3s;display:flex}.portfolio-modal-card:hover .portfolio-card-plus-btn{background:#53ae7d;border-color:#53ae7d}@keyframes portfolioFadeIn{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.portfolio-category-nav-wrapper{justify-content:center;width:100%;display:flex}.portfolio-category-nav{-webkit-backdrop-filter:blur(12px);background:#77747462;border:1px solid #ffffff40;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 30px;display:inline-flex;box-shadow:0 8px 32px #00000026}