.portfolio-hero{background:linear-gradient(135deg,#696cff,#5a5dcc 40%,#26252c);padding:120px 0 60px;position:relative;overflow:hidden}.portfolio-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#ffffff0a;border-radius:50%}.portfolio-hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:350px;height:350px;background:#ffffff08;border-radius:50%}.breadcrumb-item a{color:#ffffffb3;text-decoration:none}.breadcrumb-item+.breadcrumb-item:before{color:#ffffff80}.portfolio-filter-wrap{background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 2px 20px #696cff14;margin-bottom:40px}.filter-btn{border:1.5px solid #e0e0e0;background:transparent;color:#6c757d;border-radius:50px;padding:6px 20px;font-size:.875rem;font-weight:500;transition:all .25s ease;cursor:pointer}.filter-btn:hover,.filter-btn.active{background:#696cff;border-color:#696cff;color:#fff;box-shadow:0 4px 12px #696cff4d}.portfolio-card{border:none;border-radius:16px;overflow:hidden;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;box-shadow:0 2px 16px #00000012;height:100%}.portfolio-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);box-shadow:0 12px 40px #696cff26}.portfolio-card-img-wrap{position:relative;overflow:hidden;height:220px;background:#f0f0f8}.portfolio-card-img-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.portfolio-card:hover .portfolio-card-img-wrap img{-webkit-transform:scale(1.06);transform:scale(1.06)}.portfolio-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(105,108,255,.85) 100%);opacity:0;transition:opacity .3s ease;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;padding:20px}.portfolio-card:hover .portfolio-card-overlay{opacity:1}.portfolio-img-placeholder{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(135deg,#f0f0f8,#e8e8f8)}.portfolio-card-body{padding:20px 22px 22px}.portfolio-category-badge{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:50px;margin-bottom:10px}.portfolio-card-title{font-size:1rem;font-weight:700;color:#26252c;margin-bottom:8px;line-height:1.4}.portfolio-card-desc{font-size:.85rem;color:#888;line-height:1.6;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.portfolio-metrics{display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #f0f0f0;padding-top:14px;margin-bottom:14px}.portfolio-metric-item{text-align:center;-ms-flex:1;flex:1;min-width:60px}.portfolio-metric-value{font-size:.9rem;font-weight:700;line-height:1.2}.portfolio-metric-label{font-size:.68rem;color:#aaa;line-height:1.3}.feature-tag{font-size:.7rem;padding:3px 9px;border-radius:50px;background:#f0f0ff;color:#696cff;font-weight:500;display:inline-block;margin:2px 2px 2px 0}.summary-section{background:linear-gradient(135deg,#f8f8ff,#f0f0ff);border-radius:20px;padding:40px;margin:40px 0}.summary-item{text-align:center;padding:20px}.summary-value{font-size:2rem;font-weight:800;line-height:1;margin-bottom:6px}.summary-label{font-size:.85rem;color:#888;font-weight:500}.portfolio-cta{background:linear-gradient(135deg,#696cff,#5a5dcc);border-radius:20px;padding:50px 40px;text-align:center;margin-top:60px;position:relative;overflow:hidden}.portfolio-cta:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:#ffffff0f;border-radius:50%}.portfolio-card{-webkit-animation:fadeInUp .5s ease both;animation:fadeInUp .5s ease both}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(24px);transform:translateY(24px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(24px);transform:translateY(24px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.portfolio-card:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.portfolio-card:nth-child(2){-webkit-animation-delay:.08s;animation-delay:.08s}.portfolio-card:nth-child(3){-webkit-animation-delay:.16s;animation-delay:.16s}.portfolio-card:nth-child(4){-webkit-animation-delay:.24s;animation-delay:.24s}.portfolio-card:nth-child(5){-webkit-animation-delay:.32s;animation-delay:.32s}.portfolio-card:nth-child(6){-webkit-animation-delay:.4s;animation-delay:.4s}.empty-state{text-align:center;padding:60px 20px;color:#aaa}.detail-hero{background:linear-gradient(135deg,#26252c,#3a3950 60%,#696cff)!important;padding:120px 0 50px;position:relative;overflow:hidden;color:#fff!important}.detail-hero h1,.detail-hero p,.detail-hero span,.detail-hero a.back-btn{color:inherit!important}.detail-hero:before{content:"";position:absolute;top:-80px;right:-80px;width:400px;height:400px;background:#696cff1f;border-radius:50%}.breadcrumb-item a{color:#fff9;text-decoration:none}.breadcrumb-item.active{color:#fff}.breadcrumb-item+.breadcrumb-item:before{color:#fff6}.before-after-container{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px #00000026}.before-after-slider{position:relative;width:100%;height:380px;cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.before-image,.after-image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.before-image img,.after-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.after-image{-webkit-clip-path:polygon(50% 0%,100% 0%,100% 100%,50% 100%);clip-path:polygon(50% 0%,100% 0%,100% 100%,50% 100%);transition:-webkit-clip-path 0s;transition:clip-path 0s;transition:clip-path 0s,-webkit-clip-path 0s}.slider-handle{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:3px;height:100%;background:#fff;z-index:10;cursor:ew-resize}.slider-handle:before{content:"↔";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:36px;height:36px;background:#fff;border-radius:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:14px;color:#696cff;box-shadow:0 2px 10px #0003;line-height:36px;text-align:center}.image-label-ba{position:absolute;bottom:12px;padding:4px 12px;border-radius:50px;font-size:.72rem;font-weight:700;letter-spacing:.1em;z-index:5}.label-before{left:12px;background:#dc3545e6;color:#fff}.label-after{right:12px;background:#198754e6;color:#fff}.img-placeholder-large{width:100%;height:380px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(135deg,#f0f0f8,#e8e8f8);border-radius:16px}.metrics-row{display:-ms-flexbox;display:flex;gap:0;background:#fff;border-radius:16px;box-shadow:0 2px 20px #696cff14;overflow:hidden;margin:24px 0}.metric-box{-ms-flex:1;flex:1;text-align:center;padding:22px 10px;border-right:1px solid #f0f0f0}.metric-box:last-child{border-right:none}.metric-box-value{font-size:1.6rem;font-weight:800;line-height:1.1}.metric-box-label{font-size:.72rem;color:#aaa;margin-top:4px;line-height:1.3}.info-card{background:#fff;border-radius:16px;box-shadow:0 2px 20px #696cff12;padding:28px;height:100%}.info-card-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#aaa;margin-bottom:4px}.info-card-value{font-size:.95rem;font-weight:600;color:#26252c}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f5f5f5;font-size:.9rem;color:#444}.feature-list li:last-child{border-bottom:none}.feature-list li:before{content:"";width:20px;height:20px;background:#e8f5e9;border-radius:50%;-ms-flex-negative:0;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2328a745'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center}.related-card{border:none;border-radius:14px;overflow:hidden;box-shadow:0 2px 16px #0000000f;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.related-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 8px 30px #696cff21}.related-card-img{height:160px;-o-object-fit:cover;object-fit:cover;width:100%}.related-img-placeholder{height:160px;background:linear-gradient(135deg,#f0f0f8,#e8e8f8);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.back-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px;color:#fffc;text-decoration:none;font-size:.875rem;transition:color .2s;margin-bottom:16px}.back-btn:hover{color:#fff}.detail-cta{background:linear-gradient(135deg,#696cff,#5a5dcc);border-radius:20px;padding:50px 40px;text-align:center;margin-top:60px;position:relative;overflow:hidden}.detail-cta:before{content:"";position:absolute;top:-50px;right:-50px;width:180px;height:180px;background:#ffffff0f;border-radius:50%}