.page-portfolio .portfolio-card{padding:12px!important;overflow:hidden;border-radius:18px!important;background:#fff}.page-portfolio .demo-card-visual{position:relative;height:390px;overflow:hidden;border-radius:13px;background:#0b1d42}.page-portfolio .project-thumb{position:absolute!important;inset:0;height:100%!important}.page-portfolio .project-thumb:after{height:100%!important;background:linear-gradient(180deg,rgba(5,17,39,.03) 20%,rgba(5,17,39,.32) 48%,rgba(5,17,39,.96) 100%)!important}.page-portfolio .portfolio-card-body{position:absolute;z-index:2;inset:auto 20px 20px;padding:0!important;color:#fff}.page-portfolio .portfolio-card-body .demo-industry-badge{margin-bottom:10px;background:rgba(255,255,255,.92);color:#5d38cf}.page-portfolio .portfolio-card-body h3{margin:0 0 8px;color:#fff;font-size:1.35rem;line-height:1.12}.page-portfolio .portfolio-card-body p{display:-webkit-box;margin:0 0 10px;overflow:hidden;color:rgba(255,255,255,.86);font-size:.86rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.page-portfolio .portfolio-card-body>span:last-child{color:rgba(255,255,255,.67);font-size:.72rem;font-weight:700}.page-portfolio .portfolio-card-action{display:block!important;margin:0!important;padding:12px 0 0!important}.page-portfolio .demo-view-button{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%!important;min-height:48px;padding:0 18px!important;border:0!important;border-radius:11px!important;background:#6842df!important;color:#fff!important;font-size:.88rem!important;font-weight:850;box-shadow:none!important;transition:background .2s ease,transform .2s ease}.page-portfolio .demo-view-button span:last-child{font-size:1rem;transition:transform .2s ease}.page-portfolio .demo-view-button:hover{background:#5632c4!important;color:#fff!important;transform:translateY(-1px)}.page-portfolio .demo-view-button:hover span:last-child{transform:translateX(3px)}.page-portfolio .demo-view-button:focus-visible{outline:3px solid rgba(104,66,223,.28);outline-offset:3px}@media(max-width:560px){.page-portfolio .demo-card-visual{height:350px}.page-portfolio .portfolio-card-body{inset:auto 16px 17px}}@media(prefers-reduced-motion:reduce){.page-portfolio .demo-view-button,.page-portfolio .demo-view-button span:last-child{transition:none}}