.portfolio-details-page{background:#000;color:#fff;min-height:100vh}.portfolio-details-header{padding:6rem 0 3rem!important}.portfolio-details-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.2;color:#fff}.portfolio-details-subtitle{font-size:clamp(.95rem,2vw,1.05rem);line-height:1.8;color:#888;max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:2rem!important}.portfolio-tags{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}.portfolio-tag{padding:.5rem 1.25rem;background:#9dfc5a0d;border:1px solid rgba(157,252,90,.2);border-radius:20px;font-size:.9rem;color:#888;transition:all .3s ease}.portfolio-tag:hover{background:#9dfc5a1a;border-color:#9dfc5a;color:#9dfc5a}.portfolio-featured-section{background:#000}.portfolio-featured-image{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 20px 60px #9dfc5a26}.portfolio-featured-image img{width:100%;height:500px;display:block;transition:transform .3s ease}.portfolio-featured-image:hover img{transform:scale(1.02)}.portfolio-main-section{background:#000}.portfolio-main-image{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #9dfc5a1a}.portfolio-main-image img{width:100%;height:auto;display:block}.portfolio-main-content{padding:0 2rem}.portfolio-main-title{font-size:clamp(1.8rem,4vw,2.2rem);font-weight:700;color:#9dfc5a;line-height:1.3}.portfolio-main-description{font-size:1rem;line-height:1.8;color:#aaa}.spec-card{background:#ffffff05;border:1px solid #1a1a1a;border-radius:8px;padding:1.5rem;transition:all .3s ease}.spec-card:hover{background:#9dfc5a0d;border-color:#9dfc5a}.spec-label{font-size:.9rem;color:#666;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.spec-value{font-size:1.3rem;font-weight:600;color:#9dfc5a;margin:0}.portfolio-challenge-solution{background:#000}.challenge-box,.solution-box{background:#ffffff05;border:1px solid #1a1a1a;border-radius:12px;padding:1.5rem;height:100%;transition:all .3s ease}.challenge-box:hover,.solution-box:hover{background:#ffffff08;border-color:#9dfc5a;transform:translateY(-4px)}.challenge-title,.solution-title{font-size:1.4rem;font-weight:600;color:#9dfc5a;margin-bottom:.5rem;line-height:.7}.challenge-content,.solution-content{font-size:1rem;line-height:1.5;color:#aaa;margin:0}.portfolio-features-section{background:#000}.feature-card{background:#ffffff05;border:1px solid #1a1a1a;border-radius:12px;padding:2rem;text-align:center;height:100%;transition:all .3s ease}.feature-card:hover{background:#9dfc5a0d;border-color:#9dfc5a;transform:translateY(-8px);box-shadow:0 20px 40px #9dfc5a1a}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#9dfc5a1a,#9dfc5a0d);border:1px solid rgba(157,252,90,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:.85rem;font-weight:600;color:#9dfc5a;text-transform:uppercase;letter-spacing:.5px}.feature-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1rem;line-height:1.3}.feature-description{font-size:.95rem;line-height:1.7;color:#888;margin:0}.portfolio-problems-section{background:#000}.problems-title{font-size:clamp(1.8rem,4vw,2.2rem);font-weight:700;color:#9dfc5a;margin-bottom:1rem;line-height:1.3}.problems-subtitle{font-size:1rem;line-height:1.8;color:#888;max-width:700px;margin-left:auto;margin-right:auto;margin-bottom:0}.problems-box,.solutions-box{background:#ffffff05;border:1px solid #1a1a1a;border-radius:8px;padding:2.5rem;height:100%;transition:all .3s ease;position:relative}.problems-box:before,.solutions-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .3s ease}.problems-box{border-left:3px solid #ff6b6b}.problems-box:before{background:linear-gradient(90deg,#ff6b6b,transparent)}.solutions-box{border-left:3px solid #9dfc5a}.solutions-box:before{background:linear-gradient(90deg,#9dfc5a,transparent)}.problems-box:hover,.solutions-box:hover{transform:translateY(-4px);box-shadow:0 10px 30px #9dfc5a26}.problems-box:hover:before,.solutions-box:hover:before{opacity:1}.problems-box-title,.solutions-box-title{font-size:1rem;font-weight:700;color:#9dfc5a;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.problems-list,.solutions-list{list-style:none;padding:0;margin:0}.problems-list li,.solutions-list li{font-size:.95rem;line-height:1.8;color:#aaa;margin-bottom:1.25rem;padding-left:1.5rem;position:relative}.problems-list li:before,.solutions-list li:before{content:"•";position:absolute;left:0;font-weight:700;font-size:1.2rem}.problems-list li:before{color:#ff6b6b}.solutions-list li:before{color:#9dfc5a}.problems-list li:last-child,.solutions-list li:last-child{margin-bottom:0}@media (max-width: 992px){.portfolio-details-title{font-size:2rem}.portfolio-details-subtitle{font-size:1rem}.portfolio-main-content{padding:0;margin-top:2rem}.portfolio-main-title,.problems-title{font-size:1.8rem}.challenge-title,.solution-title{font-size:1.2rem}.feature-card{padding:1.5rem}.feature-icon{width:50px;height:50px;font-size:.75rem}}@media (max-width: 768px){.portfolio-details-header{padding:2.5rem 0 2rem!important}.portfolio-details-title{font-size:1.6rem}.portfolio-details-subtitle{font-size:.95rem}.portfolio-tags{gap:.75rem}.portfolio-tag{padding:.4rem 1rem;font-size:.85rem}.portfolio-featured-section,.portfolio-main-section{padding:2rem 0!important}.portfolio-main-title{font-size:1.5rem;margin-bottom:1.5rem}.portfolio-main-description{font-size:.95rem}.spec-card{padding:1.25rem}.spec-label{font-size:.8rem}.spec-value{font-size:1.1rem}.portfolio-challenge-solution{padding:2rem 0!important}.challenge-box,.solution-box{padding:2rem;margin-bottom:1.5rem}.challenge-title,.solution-title{font-size:1.1rem}.challenge-content,.solution-content{font-size:.95rem}.portfolio-features-section{padding:2rem 0!important}.feature-card{padding:1.25rem}.feature-title{font-size:1rem}.feature-description{font-size:.9rem}.portfolio-problems-section{padding:2rem 0!important}.problems-title{font-size:1.5rem}.problems-subtitle{font-size:.95rem}.problems-box,.solutions-box{padding:2rem;margin-bottom:1.5rem}.problems-list li,.solutions-list li{font-size:.9rem}}@media (max-width: 480px){.portfolio-details-header{padding:2rem 0 1.5rem!important}.portfolio-details-title{font-size:1.3rem;line-height:1.2}.portfolio-details-subtitle{font-size:.9rem}.portfolio-tags{gap:.5rem}.portfolio-tag{padding:.35rem .75rem;font-size:.8rem;border-radius:15px}.portfolio-featured-section,.portfolio-main-section{padding:1.5rem 0!important}.portfolio-main-title{font-size:1.2rem;margin-bottom:1rem}.portfolio-main-description{font-size:.9rem;margin-bottom:1.5rem}.spec-card{padding:1rem}.spec-label{font-size:.75rem}.spec-value{font-size:1rem}.portfolio-challenge-solution{padding:1.5rem 0!important}.challenge-box,.solution-box{padding:1.5rem;margin-bottom:1.25rem}.challenge-title,.solution-title{font-size:1rem;margin-bottom:1rem}.challenge-content,.solution-content{font-size:.9rem;line-height:1.6}.portfolio-features-section{padding:1.5rem 0!important}.feature-card{padding:1rem}.feature-icon{width:40px;height:40px;margin:0 auto 1rem;font-size:.7rem}.feature-title{font-size:.95rem;margin-bottom:.75rem}.feature-description{font-size:.85rem;line-height:1.5}.portfolio-problems-section{padding:1.5rem 0!important}.problems-title{font-size:1.3rem;margin-bottom:.75rem}.problems-subtitle{font-size:.9rem;margin-bottom:1.5rem}.problems-box,.solutions-box{padding:1.5rem;margin-bottom:1.25rem}.problems-box-title,.solutions-box-title{font-size:.9rem;margin-bottom:1rem}.problems-list li,.solutions-list li{font-size:.85rem;margin-bottom:1rem;padding-left:1.25rem}.problems-list li:before,.solutions-list li:before{font-size:1rem}}.portfolio-timeline-section{background:#000}.timeline-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:#9dfc5a;margin-bottom:1rem}.timeline-subtitle{font-size:clamp(.95rem,2vw,1.05rem);color:#888;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.timeline-container{position:relative;padding:2rem 0}.timeline-container:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#9dfc5a,#1a1a1a,transparent);transform:translate(-50%)}.timeline-item{display:flex;margin-bottom:3rem;position:relative}.timeline-left{justify-content:flex-end;padding-right:53%}.timeline-left:after{content:"";position:absolute;right:calc(53% - 10px);top:2rem;width:20px;height:20px;background:#9dfc5a;border-radius:50%;border:4px solid #000;z-index:5;box-shadow:0 0 0 4px #1a1a1a}.timeline-right{justify-content:flex-start;padding-left:53%}.timeline-right:after{content:"";position:absolute;left:calc(53% - 10px);top:2rem;width:20px;height:20px;background:#9dfc5a;border-radius:50%;border:4px solid #000;z-index:5;box-shadow:0 0 0 4px #1a1a1a}.timeline-card{background:#ffffff05;border:1px solid #1a1a1a;border-radius:8px;padding:2rem;width:100%;transition:all .3s ease;position:relative}.timeline-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#9dfc5a,transparent);opacity:0;transition:opacity .3s ease;border-radius:8px 8px 0 0}.timeline-card:hover{background:#9dfc5a0d;border-color:#9dfc5a;transform:translateY(-4px);box-shadow:0 10px 30px #9dfc5a26}.timeline-card:hover:before{opacity:1}.timeline-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#9dfc5a1a;border:1px solid #9dfc5a;border-radius:50%;color:#9dfc5a;margin-bottom:1rem}.timeline-phase{font-size:clamp(1rem,2vw,1.2rem);font-weight:600;color:#fff;margin-bottom:.5rem}.timeline-duration{font-size:.9rem;color:#9dfc5a;font-weight:500;margin-bottom:.75rem}.timeline-description{font-size:.95rem;color:#aaa;line-height:1.6;margin-bottom:1rem}.timeline-tags{display:flex;flex-wrap:wrap;gap:.5rem}.timeline-tag{display:inline-block;background:#9dfc5a1a;color:#9dfc5a;padding:.35rem .75rem;border-radius:4px;font-size:.8rem;border:1px solid rgba(157,252,90,.2)}.portfolio-stats-section{background:#000}.portfolio-stat-card{background:#ffffff05;border:1px solid #1a1a1a;border-radius:8px;padding:2.5rem 2rem;text-align:center;transition:all .3s ease;position:relative;height:100%}.portfolio-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#9dfc5a,transparent);opacity:0;transition:opacity .3s ease;border-radius:8px 8px 0 0}.portfolio-stat-card:hover{background:#9dfc5a0d;border-color:#9dfc5a;transform:translateY(-8px);box-shadow:0 15px 40px #9dfc5a33}.portfolio-stat-card:hover:before{opacity:1}.stat-value{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;background:linear-gradient(135deg,#9dfc5a,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.stat-label{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.stat-description{font-size:.85rem;color:#888;line-height:1.5}@media (max-width: 992px){.timeline-container:before{left:30px}.timeline-left,.timeline-right{padding-left:80px;padding-right:0;justify-content:flex-start}.timeline-left:after,.timeline-right:after{left:20px;right:auto}.timeline-card{padding:1.75rem}.timeline-phase{font-size:1.1rem}.timeline-tags{gap:.4rem}.timeline-tag{padding:.3rem .6rem;font-size:.75rem}}@media (max-width: 768px){.timeline-title{font-size:1.8rem;margin-bottom:1rem}.timeline-subtitle{font-size:.9rem}.timeline-container{padding:1.5rem 0}.timeline-container:before{left:20px}.timeline-item{margin-bottom:2.5rem}.timeline-left,.timeline-right{padding-left:60px}.timeline-left:after,.timeline-right:after{left:12px;width:16px;height:16px;border-width:3px}.timeline-card{padding:1.5rem}.timeline-phase{font-size:1rem}.timeline-duration{font-size:.85rem}.timeline-description{font-size:.9rem}.timeline-icon{width:35px;height:35px;margin-bottom:.75rem}.portfolio-stat-card{padding:2rem 1.5rem}.stat-value{font-size:2rem}.stat-label{font-size:.95rem}.stat-description{font-size:.8rem}}@media (max-width: 480px){.timeline-title{font-size:1.5rem}.timeline-subtitle{font-size:.85rem}.timeline-item{margin-bottom:2rem}.timeline-left,.timeline-right{padding-left:50px}.timeline-left:after,.timeline-right:after{left:8px;width:14px;height:14px;border-width:2px;top:1.5rem}.timeline-container:before{left:15px}.timeline-card{padding:1.25rem}.timeline-phase{font-size:.95rem}.timeline-duration{font-size:.8rem}.timeline-description{font-size:.85rem}.timeline-tags{gap:.3rem}.timeline-tag{padding:.25rem .5rem;font-size:.7rem}.portfolio-stat-card{padding:1.5rem 1rem}.stat-value{font-size:1.6rem}.stat-label{font-size:.9rem}.stat-description{font-size:.75rem}}.portfolio-related-section{background:#000}.related-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:#9dfc5a;margin-bottom:1rem}.related-subtitle{font-size:clamp(.95rem,2vw,1.05rem);color:#888;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}.related-project-card{background:#ffffff05;border:1px solid #1a1a1a;border-radius:12px;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column;position:relative}.related-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#9dfc5a,transparent);opacity:0;transition:opacity .3s ease;z-index:2}.related-project-image{width:100%;height:380px;overflow:hidden;position:relative}.related-project-image img{width:100%;height:100%;object-fit:fill;transition:transform .3s ease}.related-project-card:hover .related-project-image img{transform:scale(1.05)}.related-project-content{padding:1rem;flex-grow:1;display:flex;flex-direction:row;justify-content:space-between}.related-project-title{font-size:1.3rem;font-weight:600;color:#fff}.related-project-link{display:inline-block;color:#9dfc5a;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;position:relative;align-self:flex-start}.related-project-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#9dfc5a;transition:width .3s ease}.related-project-link:hover:after{width:100%}.related-project-card:hover{background:#9dfc5a0d;border-color:#9dfc5a;transform:translateY(-8px);box-shadow:0 15px 40px #9dfc5a26}.related-project-card:hover:before{opacity:1}@media (max-width: 992px){.related-title{font-size:2rem}.related-project-image{height:250px}.related-project-content{padding:1.75rem}.related-project-title{font-size:1.2rem}.related-project-description{font-size:.85rem}}@media (max-width: 768px){.related-title{font-size:1.8rem}.related-subtitle{font-size:.9rem}.related-project-image{height:220px}.related-project-content{padding:1.5rem}.related-project-title{font-size:1.1rem;margin-bottom:.5rem}.related-project-description{font-size:.8rem;margin-bottom:1rem}}@media (max-width: 480px){.related-title{font-size:1.5rem}.related-subtitle{font-size:.8rem}.related-project-image{height:180px}.related-project-content{padding:1.25rem}.related-project-title{font-size:1rem;margin-bottom:.5rem}.related-project-description{font-size:.75rem;margin-bottom:.75rem}.related-project-link{font-size:.85rem}}