.list-enter-active,.list-leave-active{transition:all .5s ease}.list-enter-from{opacity:0;transform:translateY(-30px)}.list-enter-to,.list-leave-from{opacity:1;transform:translateY(0)}.list-leave-to{opacity:0;transform:translate(-30px)}.fade-enter-active,.fade-leave-active{transition:opacity .35s cubic-bezier(.68,-.55,.27,1.55)}.fade-enter,.fade-leave-to{opacity:0}.portfolio-img-container{border-radius:12px;overflow:hidden;position:relative;width:100%}.portfolio-img-modal{align-items:center;background:#2c3e50d9;border-radius:12px;display:flex;height:70%;justify-content:center;left:0;margin:0;overflow:hidden;pointer-events:auto;position:absolute;top:0;width:100%;z-index:2}.portfolio-modal-card{align-items:center;animation:modalPop .38s cubic-bezier(.68,-.55,.27,1.55);background:#fff;border-radius:16px;box-shadow:0 4px 16px #2c3e501f;display:flex;flex-direction:column;gap:8px;max-height:92%;max-width:94%;overflow-y:auto;padding:22px 14px 18px;text-align:center;width:94%}.portfolio-modal-title{color:#002147;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:8px;position:relative}.portfolio-modal-title:after{background:linear-gradient(90deg,#0d6efd,#002147);border-radius:3px;bottom:-5px;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);width:50px}.portfolio-modal-category{background:linear-gradient(90deg,#0d6efd,#002147);border-radius:20px;box-shadow:0 2px 5px #0d6efd4d;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:15px;padding:4px 12px}.portfolio-modal-desc{color:#444;font-size:1rem;line-height:1.6;margin-bottom:20px;padding:0 10px;position:relative}.portfolio-modal-btn{background:linear-gradient(90deg,#0d6efd,#002147);border:none;border-radius:50px;box-shadow:0 4px 15px #0d6efd66;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:12px 30px;position:relative;transition:all .3s ease}.portfolio-modal-btn:hover{box-shadow:0 6px 20px #0d6efd80;transform:translateY(-3px)}.portfolio-modal-btn:active{transform:translateY(1px)}.portfolio-modal-btn:after{background:linear-gradient(90deg,#002147,#0d6efd);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.portfolio-modal-btn:hover:after{opacity:1}.portfolio-modal-btn span{position:relative;z-index:1}@keyframes modalPop{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.portfolio-img-container:hover img{transform:scale(1.05);transition:transform .5s ease}@media (max-width:768px){.portfolio-modal-card{padding:20px;width:85%}.portfolio-modal-title{font-size:1.2rem}.portfolio-modal-desc{font-size:.9rem}.portfolio-modal-btn{font-size:.9rem;padding:10px 25px}}