section.myPortfolio{font-family:Arial,sans-serif;margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#000}.app{text-align:center;width:90%;max-width:1200px;margin:20px auto}.controls{margin:20px 0}.portfolio{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px}.portfolio-item{background-color:#000;border:1px solid #fff;border-radius:5px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .2s;width:calc(25% - 20px);min-width:200px}.portfolio-item:hover{transform:translateY(-10px)}.portfolio-item img{width:100%;height:auto}.portfolio-item h3{margin:10px 0;font-size:1.25em}.portfolio-item p{padding:0 10px 10px}h3{font-weight:700;padding:1rem}h3,p{color:#fff}.statistics-area{background:linear-gradient(135deg,#000,#1a1a1a 50%,#000);position:relative;overflow:hidden}.statistics-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(40,167,69,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(40,167,69,.08) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(40,167,69,.06) 0,transparent 50%);pointer-events:none}.stats-sync-bar{justify-content:center;gap:15px;margin-top:25px;flex-wrap:wrap}.stats-sync-bar,.sync-badge{display:inline-flex;align-items:center}.sync-badge{gap:8px;background:rgba(40,167,69,.1);border:1px solid rgba(40,167,69,.3);padding:8px 18px;border-radius:25px;color:#c9e8d1;font-size:.88rem;letter-spacing:.3px}.sync-badge strong{color:#fff;font-weight:600}.sync-pulse-dot{width:9px;height:9px;background-color:var(--primary-color);border-radius:50%;box-shadow:0 0 10px var(--primary-color);animation:pulseDot 2s ease-in-out infinite;flex-shrink:0}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}.stats-overview{margin:60px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:30px;gap:30px;padding:0 20px}.stat-card{background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(40,167,69,.3);border-radius:20px;padding:30px 25px;text-align:center;transition:all .4s ease;position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 8px 32px rgba(0,0,0,.3);width:100%;box-sizing:border-box}.stat-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(40,167,69,.1),transparent);transform:rotate(45deg);transition:all .6s ease;opacity:0}.stat-card:hover:before{opacity:1;animation:shimmer 1.5s ease-in-out}.stat-card:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 20px 40px rgba(40,167,69,.4);background:hsla(0,0%,100%,.12)}.stat-icon{font-size:3.2rem;margin-bottom:20px;color:var(--primary-color);display:block;text-shadow:0 0 20px rgba(40,167,69,.5)}.stat-content{z-index:2;position:relative}.stat-number{font-size:3.8rem;font-weight:700;color:var(--primary-color);margin:15px 0 10px;line-height:1;text-shadow:0 0 20px rgba(40,167,69,.3)}.stat-label{font-size:1.1rem;color:#fff;margin:8px 0;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-detail{color:#b0b0b0;font-size:.9rem;margin-top:5px}.stats-tabs{margin-top:80px}.tab-navigation{gap:15px;margin-bottom:50px;flex-wrap:wrap;padding:10px;background:hsla(0,0%,100%,.02);border-radius:25px;border:1px solid rgba(40,167,69,.1)}.tab-btn,.tab-navigation{display:flex;justify-content:center}.tab-btn{background:hsla(0,0%,100%,.05);border:1px solid rgba(40,167,69,.2);border-radius:20px;padding:15px 30px;color:#e0e6ed;cursor:pointer;transition:all .3s ease;align-items:center;gap:12px;font-size:.95rem;font-weight:500;min-width:180px;text-transform:uppercase;letter-spacing:.5px}.tab-btn:hover{background:rgba(40,167,69,.15);transform:translateY(-3px);box-shadow:0 8px 25px rgba(40,167,69,.3)}.tab-btn.active,.tab-btn:hover{border-color:var(--primary-color);color:#fff}.tab-btn.active{background:var(--primary-color);box-shadow:0 10px 30px rgba(40,167,69,.5);transform:translateY(-2px)}.tab-btn i{font-size:1.2rem}.tab-content{background:hsla(0,0%,100%,.05);border:1px solid rgba(40,167,69,.2);border-radius:30px;padding:60px 50px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative}.tab-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(40,167,69,.03),transparent 50%,rgba(40,167,69,.03));border-radius:30px;pointer-events:none}.tab-panel{animation:fadeInUp .5s ease}.chart-wrapper{background:hsla(0,0%,100%,.08);border-radius:25px;padding:40px;border:1px solid rgba(40,167,69,.2);box-shadow:0 10px 30px rgba(0,0,0,.2);position:relative}.chart-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(40,167,69,.02),transparent 50%);border-radius:25px;pointer-events:none}.chart-wrapper h4{color:#fff;margin-bottom:35px;font-size:1.4rem;font-weight:600;text-align:center;position:relative;z-index:2}.chart-wrapper h4:after{content:"";width:50px;height:3px;background:var(--primary-color);display:block;margin:15px auto 0;border-radius:2px}.bar-chart{padding:15px 0 5px}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;height:290px;gap:15px}.bar-item{height:100%}.bar-item,.bar-track{flex:1 1;display:flex;flex-direction:column;align-items:center;position:relative;justify-content:flex-end}.bar,.bar-track{width:100%}.bar{max-width:56px;background:linear-gradient(180deg,var(--primary-color) 0,var(--primary-color-dark) 100%);border-radius:8px 8px 0 0;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;transition:all .6s ease;animation:growUp .8s ease-out forwards;transform:scaleY(0);transform-origin:bottom;min-height:40px}.bar-item.current-month .bar{background:linear-gradient(180deg,#34ce57,#1e7e34);box-shadow:0 0 16px rgba(52,206,87,.4)}.bar-item.peak-month .bar{background:linear-gradient(180deg,#4ade80,#166534);box-shadow:0 0 20px rgba(74,222,128,.4);border-top:2px solid #86efac}.bar-value{color:#fff;font-weight:700;font-size:.95rem;text-shadow:0 1px 3px rgba(0,0,0,.6)}.bar-label{margin-top:12px;color:#e0e6ed;font-size:.85rem;text-align:center;font-weight:500;white-space:nowrap}.bar-item.current-month .bar-label{color:var(--primary-color-light);font-weight:700}.bar-current-badge,.bar-peak-badge{position:absolute;top:-24px;font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:10px;white-space:nowrap;animation:fadeIn .4s ease;z-index:3}.bar-peak-badge{background:rgba(255,215,0,.2);color:gold;border:1px solid rgba(255,215,0,.4)}.bar-current-badge{background:rgba(40,167,69,.2);color:#5cdb95;border:1px solid rgba(40,167,69,.4)}.tech-chart{display:flex;flex-direction:column;gap:25px}.tech-item{background:hsla(0,0%,100%,.02);border-radius:15px;padding:20px;border:1px solid rgba(40,167,69,.1)}.tech-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tech-name{color:#fff;font-weight:600;font-size:1rem}.tech-percentage{color:var(--primary-color);font-weight:700;font-size:1.1rem}.tech-bar{background:hsla(0,0%,100%,.1);height:8px;border-radius:4px;overflow:hidden;margin-bottom:8px}.tech-progress{height:100%;background:linear-gradient(90deg,var(--primary-color) 0,var(--primary-color-dark) 100%);border-radius:4px;animation:fillProgress 1.5s ease-out forwards;transform:scaleX(0);transform-origin:left}.tech-projects{color:#9ca3af;font-size:.85rem}.categories-chart{background:hsla(0,0%,100%,.05);border-radius:20px;padding:30px;border:1px solid rgba(40,167,69,.1)}.categories-chart h4{color:#fff;margin-bottom:30px;font-size:1.3rem;font-weight:600}.category-items{display:flex;flex-direction:column;gap:20px}.category-item{background:hsla(0,0%,100%,.02);border-radius:12px;padding:15px;border:1px solid rgba(40,167,69,.1)}.category-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.category-name{color:#fff;font-weight:500}.category-count{color:#9ca3af;font-size:.9rem}.category-bar{background:hsla(0,0%,100%,.1);height:6px;border-radius:3px;overflow:hidden;margin-bottom:5px}.category-progress{height:100%;background:linear-gradient(90deg,var(--primary-color) 0,var(--primary-color-dark) 100%);border-radius:3px;animation:fillProgress 1.5s ease-out forwards;transform:scaleX(0);transform-origin:left}.category-percentage{color:var(--primary-color);font-weight:600;font-size:.9rem;float:right}.category-highlights,.insights-box,.tech-summary{background:hsla(0,0%,100%,.08);border-radius:25px;padding:40px;border:1px solid rgba(40,167,69,.2);box-shadow:0 10px 30px rgba(0,0,0,.2);position:relative}.category-highlights:before,.insights-box:before,.tech-summary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(40,167,69,.02),transparent 50%);border-radius:25px;pointer-events:none}.category-highlights h5,.insights-box h5,.tech-summary h5{color:#fff;margin-bottom:30px;font-size:1.3rem;font-weight:600;text-align:center;position:relative;z-index:2}.category-highlights h5:after,.insights-box h5:after,.tech-summary h5:after{content:"";width:40px;height:3px;background:var(--primary-color);display:block;margin:12px auto 0;border-radius:2px}.highlight-item,.insight-item{display:flex;align-items:flex-start;gap:20px;margin-bottom:25px;padding:20px;background:hsla(0,0%,100%,.05);border-radius:15px;border:1px solid rgba(40,167,69,.15);transition:all .3s ease;position:relative;z-index:2}.highlight-item:hover,.insight-item:hover{background:hsla(0,0%,100%,.08);border-color:rgba(40,167,69,.3);transform:translateY(-2px)}.highlight-item i,.insight-item i{color:var(--primary-color);font-size:1.5rem;margin-top:3px;min-width:24px}.highlight-item strong,.insight-item strong{color:#fff;display:block;margin-bottom:8px;font-weight:600;font-size:1.05rem}.highlight-item p,.insight-item p{color:#e0e6ed;margin:0;font-size:.95rem;line-height:1.5}.tech-category{margin-bottom:20px}.tech-category h6{color:#fff;margin-bottom:10px;font-weight:600}.tech-tags{display:flex;gap:8px;flex-wrap:wrap}.tech-tags span{background:rgba(40,167,69,.2);color:var(--primary-color);padding:5px 12px;border-radius:15px;font-size:.8rem;font-weight:500;border:1px solid rgba(40,167,69,.3)}.testimonials-panel h4{color:#fff;margin-bottom:30px;font-size:1.4rem;font-weight:600;text-align:center}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:30px;gap:30px}.testimonial-card{background:hsla(0,0%,100%,.05);border:1px solid rgba(40,167,69,.1);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.testimonial-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 15px 35px rgba(40,167,69,.2)}.testimonial-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.client-info h6{color:#fff;margin:0 0 5px;font-weight:600}.client-info p{color:#9ca3af;margin:0;font-size:.9rem}.rating{display:flex;gap:3px}.rating .fa-star{color:#374151;font-size:.9rem}.rating .fa-star.filled{color:#fbbf24}.testimonial-text{color:#e0e6ed;font-style:italic;line-height:1.6;margin-bottom:15px;font-size:.95rem}.project-name{color:var(--primary-color);font-weight:500;font-size:.85rem}.section-header{margin-bottom:80px}.section-header .section-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:20px}.section-header .section-title span{color:var(--primary-color)}.section-header .shape{width:60px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-color-light));margin:0 auto 25px;border-radius:2px}.section-header .section-subtitle{font-size:1.2rem;color:#b0b0b0;max-width:600px;margin:0 auto;line-height:1.6}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes growUp{to{transform:scaleY(1)}}@keyframes fillProgress{to{transform:scaleX(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.stats-overview{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;padding:0 15px}.tab-content{padding:50px 40px}.chart-bars{height:250px}}@media (max-width:992px){.stats-overview{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin:50px 0;padding:0 10px}.stat-card{min-height:190px;padding:25px 20px}.stat-number{font-size:3.2rem}.tab-navigation{gap:12px;padding:8px}.tab-btn{padding:12px 25px;font-size:.9rem;min-width:160px}.testimonials-grid{grid-template-columns:1fr}.category-highlights,.chart-wrapper,.insights-box,.tech-summary{padding:30px}}@media (max-width:768px){.statistics-area{padding:60px 0}.section-header{margin-bottom:60px}.section-header .section-title{font-size:2.5rem}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:40px 0;gap:20px;padding:0 5px}.stat-card{min-height:180px;padding:25px 20px}.stat-icon{font-size:2.8rem;margin-bottom:15px}.stat-number{font-size:3rem}.stat-label{font-size:1rem}.tab-navigation{flex-direction:column;align-items:center;gap:12px;padding:15px}.tab-btn{width:100%;max-width:280px;justify-content:center;padding:15px 25px}.tab-content{padding:40px 25px;border-radius:25px}.category-highlights,.chart-wrapper,.insights-box,.tech-summary{padding:25px}.chart-bars{height:200px;gap:12px}.bar{max-width:35px}.bar-value{font-size:.8rem}.bar-label{font-size:.75rem}}@media (max-width:576px){.section-header .section-title{font-size:2.2rem}.stats-overview{grid-template-columns:1fr;gap:20px;padding:0}.stat-card{min-height:170px;padding:20px 15px;margin:0 10px}.stat-icon{font-size:2.5rem}.stat-number{font-size:2.8rem}.testimonials-grid{grid-template-columns:1fr;gap:20px}.testimonial-card{padding:25px}.testimonial-header{flex-direction:column;gap:12px}.chart-bars{flex-wrap:nowrap;height:200px;gap:6px}.bar-item{flex:1 1;height:100%}.bar{max-width:34px;min-height:32px;padding-top:6px}.bar-value{font-size:.78rem}.bar-label{font-size:.72rem;margin-top:8px}.bar-current-badge,.bar-peak-badge{font-size:.62rem;padding:1px 5px;top:-20px}.tab-content{padding:30px 18px}.category-highlights,.chart-wrapper,.insights-box,.tech-summary{padding:20px 15px}}