.filtered-portfolio-list{min-height:100vh}.fpl-header{margin-bottom:60px;text-align:center}.fpl-header h2{color:#fff;font-size:48px;font-weight:700;margin-bottom:15px}.fpl-header p{color:var(--text-color);font-size:18px;margin:0 auto;max-width:600px}.fpl-filter-controls{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:50px}.filter-button-group{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:50px;display:inline-flex;gap:0;padding:4px;position:relative;width:fit-content}.filter-indicator{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;height:calc(100% - 8px);left:4px;opacity:0;pointer-events:none;position:absolute;top:4px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:0}.filter-btn{background:transparent;border:none;border-radius:50px;color:#888;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:10px 24px;position:relative;transition:all .3s ease;white-space:nowrap;z-index:1}.filter-btn:hover:not(.active){color:#bbb;transform:translateY(-1px)}.filter-btn.active{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.filter-btn:active{transform:scale(.98)}.results-count{color:#888;font-size:14px;font-weight:500}.fpl-portfolio-grid{display:grid;gap:30px;grid-template-columns:1fr;margin-bottom:60px}.fpl-portfolio-card{animation:fadeInUp .6s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fpl-card-inner{border-radius:24px;display:block;overflow:hidden;transition:transform .3s ease}.fpl-portfolio-card:hover .fpl-card-inner{transform:translateY(-5px)}.fpl-card-image-link{cursor:pointer;display:block;text-decoration:none}.fpl-card-image{aspect-ratio:1/1;background:#2a2a2a;border-radius:24px;height:auto;overflow:hidden;position:relative;width:100%}.fpl-card-image img{transition:transform .6s ease}.fpl-portfolio-card:hover .fpl-card-image img{transform:scale(1.05)}.fpl-card-image .view-project{align-items:center;backdrop-filter:blur(10px);background:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;bottom:20px;color:#fff;display:flex;font-size:13px;font-weight:500;gap:6px;opacity:0;padding:8px 16px;position:absolute;right:20px;text-decoration:none;transform:translateY(10px);transition:all .3s ease;z-index:2}.fpl-portfolio-card:hover .view-project{opacity:1;transform:translateY(0)}.view-project svg{stroke:currentColor;transition:transform .3s ease}.fpl-portfolio-card:hover .view-project:hover{background:rgba(0,0,0,.9);border-color:hsla(0,0%,100%,.2)}.fpl-portfolio-card:hover .view-project:hover svg{transform:translate(2px,-2px)}.fpl-card-info{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;padding:25px 0}.fpl-info-content{flex:1}.fpl-card-info .category{color:#8b8b8b;display:inline-block;font-size:12px;font-weight:600;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.fpl-card-info h3{color:#fff;font-size:24px;font-weight:700;margin-bottom:10px;transition:color .3s ease}.fpl-portfolio-card:hover .fpl-card-info h3{color:#6366f1}.fpl-card-info .description{color:var(--text-color);font-size:14px;line-height:1.6;margin-bottom:0}.tech-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;max-width:40%}.tech-tag{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;color:#999;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.3px;padding:4px 12px;transition:all .3s ease}.fpl-portfolio-card:hover .tech-tag{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.12);color:#bbb}.fpl-no-results{grid-column:1/-1;padding:80px 20px;text-align:center}.fpl-no-results p{color:var(--text-color);font-size:20px;margin-bottom:10px}.fpl-no-results .suggestion{color:#777;font-size:16px}body.dark .fpl-card-info h3,body.dark .fpl-header h2{color:#fff}body.dark .filter-button-group{background:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.08);width:fit-content}body.dark .filter-btn{color:#888}body.dark .filter-btn:hover:not(.active){color:#bbb}body.dark .filter-btn.active{color:#fff}@media (max-width:1199px){.fpl-portfolio-grid{gap:25px}}@media (max-width:991px){.fpl-portfolio-grid{gap:25px;grid-template-columns:1fr}.fpl-header h2{font-size:40px}}@media (max-width:768px){.filtered-portfolio-list{padding:0 0 60px}.fpl-portfolio-grid{gap:25px;grid-template-columns:1fr}.fpl-filter-controls{padding:0 15px}.filter-button-group{overflow-x:auto;overflow-y:hidden;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.filter-button-group::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0;font-size:13px;padding:8px 20px}.fpl-header h2{font-size:32px}.fpl-header p{font-size:16px}.fpl-card-info{flex-direction:column;gap:10px}.fpl-card-info h3{font-size:20px}.tech-tags{justify-content:flex-start;max-width:100%}.fpl-card-image .view-project{opacity:1;transform:translateY(0)}}@media (max-width:480px){.filter-btn{font-size:12px;padding:7px 16px}.fpl-header h2{font-size:28px}}