.project-wrapper{height:100%}.portfolio-item{border-radius:14px!important;overflow:hidden;border:1px solid #e2e8f0!important;box-shadow:0 2px 8px rgba(0,0,0,.04)!important;transition:transform .22s ease,box-shadow .22s ease!important;background:var(--mui-palette-background-paper)!important;display:block!important;height:100%}.portfolio-item:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.13)!important;border-color:rgba(22,163,74,.22)!important}[data-mui-color-scheme=dark] .portfolio-item{border-color:rgba(255,255,255,.07)!important}.project-image-wrap{position:relative;overflow:hidden}.portfolio-item .card-media{height:210px!important;border-radius:0!important;transition:transform .38s ease;display:block;background-size:contain!important;background-position:50%!important;background-repeat:no-repeat!important;background-color:#0f172a!important}.portfolio-item:hover .card-media{transform:scale(1.05)}.middle{transition:opacity .28s ease;opacity:0;position:absolute;inset:0;background:rgba(10,20,40,.52);display:flex;align-items:center;justify-content:center}.portfolio-item:hover .middle{opacity:1}.view-project-btn{background:linear-gradient(145deg,#16a34a,#14923f)!important;font-weight:600!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 14px rgba(22,163,74,.35)!important;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease!important}.view-project-btn:hover{background:linear-gradient(145deg,#15803d,#166534)!important;transform:translateY(-1px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 7px 18px rgba(22,163,74,.42)!important}.portfolio-item .card-content{padding:1.25rem 1.35rem 1.35rem!important;background:var(--mui-palette-background-paper)}.project-badges{display:flex;gap:.4rem;margin-bottom:.75rem;flex-wrap:wrap}.project-badge{font-size:.65rem;font-weight:600;padding:.2rem .6rem;border-radius:20px;text-transform:uppercase;letter-spacing:.06em;font-family:Inter,sans-serif;background:#f1f5f9;color:#334155}.project-badge.web-app{background:rgba(22,163,74,.09);color:#16a34a}.project-badge.mobile-app{background:rgba(99,102,241,.09);color:#6366f1}.project-badge.industry{background:#f1f5f9;color:#64748b}.project-title{font-size:.975rem!important;font-weight:700!important;margin-bottom:.45rem!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:pointer;line-height:1.4!important;letter-spacing:-.01em!important}.project-title:hover{color:#16a34a!important}.description{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem!important;font-size:.875rem!important;line-height:1.65!important;opacity:.68}.project-metric{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;background:rgba(22,163,74,.06);border-radius:8px;border-left:3px solid #16a34a}.metric-value{font-size:1.25rem!important;font-weight:800!important;color:#16a34a!important;line-height:1!important;white-space:nowrap;font-family:Inter,sans-serif!important;letter-spacing:-.02em!important}.metric-label{font-size:.76rem!important;opacity:.6;line-height:1.35!important}@media only screen and (max-width:768px){.portfolio-item .card-media{height:185px!important}}