.all-projects-page{min-height:100vh;background:var(--bg-primary);padding-top:clamp(2rem,4vw,3rem)}.projects-header{margin-bottom:clamp(2rem,4vw,3rem)}.projects-header .heading-1{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.controls-container{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem;background:white;border-radius:var(--radius-xl);border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm)}.search-container{flex:1 1;min-width:250px;max-width:500px}.sort-container{display:flex;align-items:center;gap:.5rem}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--neutral-400);z-index:1}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:1rem;background:var(--bg-primary);transition:all var(--transition-normal)}.search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.clear-search-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:var(--neutral-200);border:none;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);color:var(--neutral-600)}.clear-search-btn:hover{background:var(--neutral-300);color:var(--neutral-800)}.view-mode-toggle{display:flex;background:var(--neutral-100);border-radius:var(--radius-lg);padding:.25rem}.view-btn{padding:.5rem;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);color:var(--neutral-600)}.view-btn:hover{background:var(--neutral-200);color:var(--neutral-800)}.view-btn.active{background:white;color:var(--primary-600);box-shadow:var(--shadow-sm)}.sort-options{display:flex;flex-wrap:wrap;gap:.5rem}.sort-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-primary);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-align:left;font-weight:500;font-size:.875rem;white-space:nowrap}.sort-option:hover{border-color:var(--primary-300);background:var(--primary-50)}.sort-option.active{border-color:var(--primary-500);background:var(--primary-100);color:var(--primary-700)}.clear-filters-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--neutral-100);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);color:var(--neutral-700);font-weight:500;cursor:pointer;transition:all var(--transition-normal);font-size:.875rem;white-space:nowrap}.clear-filters-btn:hover{background:var(--neutral-200);border-color:var(--neutral-300);color:var(--neutral-800)}.results-summary{margin-bottom:1.5rem}.results-text{color:var(--text-secondary);font-size:1rem;margin:0}.projects-container{display:grid;grid-gap:clamp(1.5rem,4vw,2rem);gap:clamp(1.5rem,4vw,2rem);margin-bottom:3rem}.projects-container.grid{grid-template-columns:repeat(auto-fill,minmax(min(22rem,100%),1fr))}.projects-container.list{grid-template-columns:1fr}.projects-container.list .project-card{display:flex;flex-direction:row;align-items:center;padding:1.5rem}.projects-container.list .project-image-container{width:200px;height:120px;margin-bottom:0;margin-right:1.5rem;flex-shrink:0}.projects-container.list .project-content{flex:1 1;display:flex;flex-direction:column;gap:.75rem}.projects-container.list .project-tech{margin-bottom:0}.project-card{position:relative;overflow:hidden;transition:all var(--transition-normal)}.project-card:hover{transform:translateY(-.5rem);box-shadow:var(--shadow-xl)}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:.25rem;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-normal);transform-origin:left}.project-card:hover:before{transform:scaleX(1)}.no-results{display:flex;align-items:center;justify-content:center;min-height:400px;text-align:center}.no-results-content{max-width:400px}.no-results-icon{font-size:4rem;color:var(--neutral-300);margin-bottom:1.5rem}.no-results-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.no-results-text{color:var(--text-secondary);margin-bottom:1.5rem}@media (max-width:768px){.controls-container{flex-direction:column;align-items:stretch;gap:1rem}.search-container{min-width:auto;max-width:none}.filters-content{grid-template-columns:1fr;gap:1.5rem}.projects-container.list .project-card{flex-direction:column;text-align:center}.projects-container.list .project-image-container{width:100%;height:200px;margin-right:0;margin-bottom:1rem}.view-mode-toggle{order:-1;align-self:flex-end}}@media (max-width:480px){.projects-header{margin-bottom:1.5rem}.controls-container,.filters-content,.project-card{padding:1rem}}