.page-header{background:linear-gradient(135deg,var(--gray-50)0%,white 50%,var(--flow-primary-50)100%);padding:var(--space-8)0 var(--space-6);border-bottom:1px solid var(--gray-100);background-size:200% 200%;animation:15s infinite gradientShift;position:relative;overflow:hidden}.page-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb0d 0%,#0000 70%);width:50%;height:150%;position:absolute;top:-50%;right:-20%}.page-header__container{max-width:var(--container-xl);padding:0 var(--space-4);z-index:1;margin:0 auto;position:relative}.page-header__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-2);letter-spacing:-.02em;animation:.6s ease-out fadeInUp}.page-header__description{font-size:var(--text-sm);color:var(--gray-600);max-width:500px;animation:.6s ease-out .1s backwards fadeInUp}.breadcrumb{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-xs);animation:.6s ease-out fadeInLeft;display:flex}.breadcrumb__link{color:var(--gray-500);text-decoration:none;transition:color .3s}.breadcrumb__link:hover{color:var(--flow-primary)}.breadcrumb__separator{color:var(--gray-300)}.breadcrumb__current{color:var(--flow-primary);font-weight:var(--font-semibold)}.filters-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-3)0;border-bottom:1px solid var(--gray-100);z-index:var(--z-sticky);background:#fffffff2;animation:.4s ease-out fadeInDown;position:sticky;top:0}.filters-section__container{max-width:var(--container-xl);padding:0 var(--space-4);margin:0 auto}.filters-bar{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.filters-bar__left,.filters-bar__right{align-items:center;gap:var(--space-3);display:flex}.filters-bar__results{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--gray-500)}.filters-section+.section{padding-top:var(--space-10)}.filter-tabs{background:var(--gray-100);border-radius:var(--radius-lg);gap:2px;padding:3px;display:flex}.filter-tab{padding:var(--space-2)var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--gray-600);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;transition:all .3s}.filter-tab:hover{color:var(--gray-900)}.filter-tab--active{color:var(--flow-primary);font-weight:var(--font-semibold);background:#fff;box-shadow:0 2px 8px #00000014}.search-input{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg);border:2px solid #0000;width:200px;transition:all .3s;display:flex}.search-input:focus-within{border-color:var(--flow-primary);background:#fff;box-shadow:0 0 0 4px #2563eb1a}.search-input .icon{filter:brightness(0)invert(.5);flex-shrink:0;width:14px;height:14px}.search-input__field{font-size:var(--text-xs);color:var(--gray-900);background:0 0;border:none;outline:none;flex:1}.search-input__field::placeholder{color:var(--gray-400)}.sort-dropdown{align-items:center;gap:var(--space-2);display:flex}.sort-dropdown__label{font-size:var(--text-xs);color:var(--gray-500)}.sort-dropdown__btn{align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--gray-700);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;background:#fff;transition:all .3s;display:flex}.sort-dropdown__btn:hover{border-color:var(--flow-primary)}.sort-dropdown__btn .icon{filter:brightness(0)invert(.4);width:12px;height:12px}.projects-list-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.project-list-card{border-radius:var(--radius-xl);border:1px solid var(--gray-100);background:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out backwards fadeInUp;display:flex;overflow:hidden}.project-list-card:first-child{animation-delay:.1s}.project-list-card:nth-child(2){animation-delay:.15s}.project-list-card:nth-child(3){animation-delay:.2s}.project-list-card:nth-child(4){animation-delay:.25s}.project-list-card:hover{border-color:#0000;transform:translateY(-5px);box-shadow:0 20px 40px #00000014}.project-list-card__image{border-radius:var(--radius-lg)var(--radius-lg)0 0;flex-shrink:0;width:200px;position:relative;overflow:hidden}.project-card__image-placeholder{background:linear-gradient(135deg,var(--flow-primary-100)0%,var(--gray-200)50%,var(--flow-primary-50)100%);background-size:200% 200%;justify-content:center;align-items:center;height:100%;min-height:140px;transition:transform .5s;animation:6s infinite gradientShift;display:flex}.project-card__image-placeholder .icon{filter:invert(37%)sepia(93%)saturate(1352%)hue-rotate(209deg)brightness(99%)contrast(91%);opacity:.6;width:48px;height:48px;transition:all .3s}.project-list-card:hover .project-card__image-placeholder .icon{opacity:.8;transform:scale(1.15)}.project-list-card:hover .project-card__image-placeholder{transform:scale(1.05)}.project-card__category{top:var(--space-3);left:var(--space-3);padding:var(--space-1)var(--space-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-semibold);color:var(--flow-primary);z-index:1;background:#fffffff2;position:absolute;box-shadow:0 4px 12px #0000001a}.project-list-card__content{padding:var(--space-4);flex-direction:column;flex:1;display:flex}.project-list-card__title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-2);transition:color .3s}.project-list-card:hover .project-list-card__title{color:var(--flow-primary)}.project-list-card__description{font-size:var(--text-xs);color:var(--gray-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);flex:1}.project-list-card__meta{gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.project-list-card__meta-item{align-items:center;gap:var(--space-1);color:var(--gray-500);font-size:10px;display:flex}.project-list-card__meta-item .icon{filter:brightness(0)invert(.5);width:12px;height:12px}.project-list-card__link{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--flow-primary);text-decoration:none;transition:all .3s;display:inline-flex}.project-list-card__link:hover{color:var(--flow-primary-dark);gap:var(--space-2)}.project-list-card__link .icon{filter:invert(37%)sepia(93%)saturate(1352%)hue-rotate(209deg)brightness(99%)contrast(91%);transition:transform .3s}.project-list-card__link:hover .icon{transform:translate(4px)}.pagination{justify-content:center;align-items:center;gap:var(--space-2);animation:.6s ease-out .3s backwards fadeInUp;display:flex}.pagination__btn{align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--gray-700);border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;background:#fff;transition:all .3s;display:flex}.pagination__btn:hover:not(.pagination__btn--disabled){background:var(--flow-primary-50);border-color:var(--flow-primary);color:var(--flow-primary);transform:translateY(-2px)}.pagination__btn--disabled{opacity:.4;cursor:not-allowed}.pagination__btn .icon{filter:brightness(0)invert(.4);width:12px;height:12px;transition:all .3s}.pagination__btn:hover:not(.pagination__btn--disabled) .icon{filter:invert(37%)sepia(93%)saturate(1352%)hue-rotate(209deg)brightness(99%)contrast(91%)}.pagination__pages{align-items:center;gap:2px;display:flex}.pagination__page{width:40px;height:40px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-600);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.pagination__page:hover{background:var(--gray-100);color:var(--gray-900)}.pagination__page--active{background:var(--flow-primary);color:#fff}.pagination__page--active:hover{background:var(--flow-primary-dark);color:#fff}.pagination__ellipsis{padding:0 var(--space-2);color:var(--gray-400)}