.tech-badge{display:inline-block;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;text-transform:lowercase;letter-spacing:.025em;transition:all .2s ease;cursor:default;white-space:nowrap;border:2px solid transparent;line-height:1.2}.tech-badge--small{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);font-weight:600}.tech-badge--medium{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);font-weight:600}.tech-badge--large{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-lg);font-weight:600}.tech-badge--frontend{background-color:var(--tech-frontend-bg);color:var(--tech-frontend-text);border-color:var(--tech-frontend-border)}.tech-badge--frontend:hover{background-color:var(--tech-frontend-bg-hover);border-color:var(--tech-frontend-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.tech-badge--backend{background-color:var(--tech-backend-bg);color:var(--tech-backend-text);border-color:var(--tech-backend-border)}.tech-badge--backend:hover{background-color:var(--tech-backend-bg-hover);border-color:var(--tech-backend-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.tech-badge--database{background-color:var(--tech-database-bg);color:var(--tech-database-text);border-color:var(--tech-database-border)}.tech-badge--database:hover{background-color:var(--tech-database-bg-hover);border-color:var(--tech-database-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.tech-badge--tools{background-color:var(--tech-tools-bg);color:var(--tech-tools-text);border-color:var(--tech-tools-border)}.tech-badge--tools:hover{background-color:var(--tech-tools-bg-hover);border-color:var(--tech-tools-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.tech-badge--cloud{background-color:var(--tech-cloud-bg);color:var(--tech-cloud-text);border-color:var(--tech-cloud-border)}.tech-badge--cloud:hover{background-color:var(--tech-cloud-bg-hover);border-color:var(--tech-cloud-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.tech-badge--language{background-color:var(--tech-language-bg);color:var(--tech-language-text);border-color:var(--tech-language-border)}.tech-badge--language:hover{background-color:var(--tech-language-bg-hover);border-color:var(--tech-language-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media screen and (max-width: 768px){.tech-badge{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);font-weight:600}.tech-badge--small{font-size:.75rem;padding:.125rem var(--space-xs)}.tech-badge--large{font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md)}}.tech-badges{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.tech-badges--centered{justify-content:center}.tech-badges--spaced{gap:var(--space-md)}.tech-badges--compact{gap:var(--space-xs)}.tech-stack{display:flex;flex-direction:column;gap:var(--space-sm)}.tech-stack-header{margin-bottom:var(--space-sm)}.tech-stack-title{font-weight:600;color:var(--dark-accent);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-sm)}.tech-more{font-style:italic;opacity:.8;font-weight:500}.tech-stack--compact{gap:.25rem}.tech-stack--compact .tech-stack-header{margin-bottom:.25rem}.tech-stack--compact .tech-stack-title{font-size:.75rem}.tech-stack--inline{flex-direction:row;align-items:center;gap:var(--space-sm)}.tech-stack--inline .tech-stack-header{margin-bottom:0;flex-shrink:0}.tech-stack--inline .tech-badges{flex:1}@media screen and (max-width: 768px){.tech-stack--inline{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.tech-stack--inline .tech-stack-header{margin-bottom:var(--space-xs)}}.filter-bar{background:var(--offblack);border:1px solid rgba(230,230,230,.1);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(230,230,230,.1)}.filter-title{display:flex;align-items:center;gap:var(--space-sm);color:var(--offwhite);font-size:1.1rem;font-weight:600}.filter-icon{color:var(--red)}.project-count{color:var(--gray);font-size:.9rem}.filter-controls{display:flex;flex-direction:column;gap:var(--space-md)}.search-container{position:relative;max-width:500px}.search-icon{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);color:var(--gray);pointer-events:none}.search-input{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-sm) 2.5rem;background:#e6e6e60d;border:1px solid rgba(230,230,230,.2);border-radius:var(--radius-sm);color:var(--offwhite);font-size:.95rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--red);background:#e6e6e614;box-shadow:0 0 0 2px #b3181833}.search-input::placeholder{color:var(--gray)}.filter-group{display:flex;flex-direction:column;gap:var(--space-sm)}.filter-label{color:var(--offwhite);font-weight:600;font-size:.9rem}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.filter-chip{padding:var(--space-xs) var(--space-sm);background:#e6e6e60d;border:1px solid rgba(230,230,230,.2);border-radius:var(--radius-sm);color:var(--gray);font-size:.85rem;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.filter-chip:hover{background:#e6e6e61a;border-color:#e6e6e64d;color:var(--offwhite)}.filter-chip.active{background:var(--red);border-color:var(--red);color:var(--offwhite);font-weight:600}.filter-chip.complexity-low.active{background:var(--complexity-low-text);border-color:var(--complexity-low-text)}.filter-chip.complexity-medium.active{background:var(--complexity-medium-text);border-color:var(--complexity-medium-text)}.filter-chip.complexity-high.active{background:var(--complexity-high-text);border-color:var(--complexity-high-text)}.sort-controls{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center}.sort-button{padding:var(--space-xs) var(--space-sm);background:#e6e6e60d;border:1px solid rgba(230,230,230,.2);border-radius:var(--radius-sm);color:var(--gray);font-size:.85rem;cursor:pointer;transition:all .2s ease}.sort-button:hover{background:#e6e6e61a;border-color:#e6e6e64d;color:var(--offwhite)}.sort-button.active{background:var(--red);border-color:var(--red);color:var(--offwhite);font-weight:600}.sort-order-button{padding:var(--space-xs);background:#e6e6e60d;border:1px solid rgba(230,230,230,.2);border-radius:var(--radius-sm);color:var(--gray);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sort-order-button:hover{background:#e6e6e61a;border-color:#e6e6e64d;color:var(--offwhite)}.clear-filters-button{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:#b318181a;border:1px solid rgba(179,24,24,.3);border-radius:var(--radius-sm);color:var(--red);font-size:.9rem;cursor:pointer;transition:all .2s ease;align-self:flex-start}.clear-filters-button:hover{background:#b3181833;border-color:#b3181880}@media screen and (max-width: 768px){.filter-bar{padding:var(--space-md)}.filter-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.filter-chips{gap:var(--space-xs)}.filter-chip{font-size:.8rem;padding:.25rem var(--space-xs)}.sort-controls{gap:var(--space-xs)}.sort-button{font-size:.8rem;padding:.25rem var(--space-xs)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--offblack);border:1px solid rgba(230,230,230,.1);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid rgba(230,230,230,.1);position:sticky;top:0;background:var(--offblack);z-index:10}.project-title-section{display:flex;align-items:center;gap:var(--space-sm)}.modal-title{color:var(--offwhite);font-size:1.5rem;font-weight:600;margin:0}.project-type-icon{color:var(--dark-accent);opacity:.8}.modal-close{background:none;border:none;color:var(--gray);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--offwhite);background:#e6e6e61a}.modal-section{padding:var(--space-lg);border-bottom:1px solid rgba(230,230,230,.05)}.modal-section .section-title{color:var(--offwhite)!important}.modal-section:last-child{border-bottom:none}.section-title{color:var(--offwhite);font-size:1.1rem;font-weight:600;margin:0 0 var(--space-md) 0;display:flex;align-items:center;gap:var(--space-sm)}.project-description{color:var(--gray);line-height:1.6;font-size:1rem;margin:0}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-sm)}.feature-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--offwhite);font-size:.95rem}.feature-icon{color:var(--complexity-low-text);flex-shrink:0}.tech-breakdown{display:flex;flex-direction:column;gap:var(--space-lg)}.tech-category{display:flex;flex-direction:column;gap:var(--space-sm)}.tech-category-title{display:flex;align-items:center;gap:var(--space-sm);color:var(--offwhite);font-size:1rem;font-weight:600;margin:0}.tech-category-icon{color:var(--dark-accent)}.project-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.detail-item{display:flex;flex-direction:column;gap:var(--space-xs)}.detail-label{color:var(--gray);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.detail-value{color:var(--offwhite);font-size:1rem}.complexity-detail{display:flex;align-items:center;gap:var(--space-xs)}.complexity-icon{flex-shrink:0}.complexity-text{font-weight:600;text-transform:capitalize}.complexity-text.complexity-low{color:var(--complexity-low-text)}.complexity-text.complexity-medium{color:var(--complexity-medium-text)}.complexity-text.complexity-high{color:var(--complexity-high-text)}.action-links{display:flex;gap:var(--space-md);flex-wrap:wrap}.action-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#e6e6e60d;border:1px solid rgba(230,230,230,.2);border-radius:var(--radius-sm);color:var(--offwhite);text-decoration:none;font-weight:600;transition:all .2s ease;min-width:150px;justify-content:center}.action-link:hover{background:#e6e6e61a;border-color:#e6e6e64d;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.repo-link:hover{background:#b318181a;border-color:#b318184d;color:var(--red)}.live-link:hover{background:#22c55e1a;border-color:#22c55e4d;color:var(--complexity-low-text)}@media screen and (max-width: 768px){.modal-overlay{padding:var(--space-sm)}.modal-content{max-height:95vh}.modal-header{padding:var(--space-md)}.modal-title{font-size:1.3rem}.modal-section{padding:var(--space-md)}.features-list,.project-details-grid{grid-template-columns:1fr}.action-links{flex-direction:column}.action-link{min-width:auto}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#e6e6e61a;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:#e6e6e64d;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#e6e6e680}