.container{width:100%;max-width:1020px;margin:0 auto}.section-header{padding:52px 0 32px;animation:.5s forwards fadeUp}.section-title{font-family:var(--sans);color:var(--text);letter-spacing:-.035em;margin-bottom:10px;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.1}.section-subtitle{color:var(--text-muted);max-width:520px;font-size:15px;line-height:1.7}.search-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:32px;transition:border-color .2s,background .2s,box-shadow .2s;animation:.5s .1s both fadeUp;position:relative}.search-wrap:focus-within{border-color:var(--border-hover);background:var(--surface-hover);box-shadow:0 0 0 3px #e2e8f00d}.search-input{width:100%;font-family:var(--sans);color:var(--text);background:0 0;border:none;outline:none;padding:14px 48px 14px 46px;font-size:14px}.search-input::placeholder{color:var(--text-dim)}.search-icon{color:var(--text-dim);pointer-events:none;font-size:14px;transition:color .2s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-wrap:focus-within .search-icon{color:var(--text-muted)}.search-clear{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;opacity:0;pointer-events:none;z-index:2;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:all .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.search-clear.visible{opacity:1;pointer-events:all}.search-clear:hover{color:var(--text);border-color:var(--border-hover);background:#ffffff14}.active-filter{font-family:var(--mono);color:var(--accent);letter-spacing:.04em;background:#e2e8f00f;border:1px solid #e2e8f026;border-radius:20px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 12px 5px 10px;font-size:12px;font-weight:600;animation:.3s forwards fadeUp;display:inline-flex}.active-filter-remove{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:10px;transition:color .2s;display:flex}.active-filter-remove:hover{color:var(--text)}.results-meta{font-family:var(--mono);color:var(--text);letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;font-size:11px;transition:opacity .2s}.projects-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:14px;padding:22px 22px 18px;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s;animation:.5s both fadeUp;display:flex}.project-card:hover{border-color:var(--border-hover);background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 16px 32px -12px #00000080}.project-card.hidden{display:none}.project-card__header h2{color:var(--text);letter-spacing:-.02em;align-items:center;gap:12px;font-size:16px;font-weight:700;line-height:1.3;display:flex}.card-icon{border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);background:#ffffff0a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;transition:border-color .2s,background .2s,color .2s;display:flex}.project-card:hover .card-icon{border-color:var(--border-hover);color:var(--text);background:#ffffff12}.project-card__content{flex:1}.project-card__content p{color:var(--text-dim);font-size:13px;line-height:1.7}.project-card__hashtags{flex-wrap:wrap;gap:6px;display:flex}.hashtag{font-family:var(--mono);letter-spacing:.04em;color:var(--text-dim);border:1px solid var(--border);background:#ffffff08;border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.hashtag:hover{color:var(--accent);background:#e2e8f00d;border-color:#e2e8f040}.hashtag.active{color:var(--accent);background:#e2e8f014;border-color:#e2e8f04d}.project-card__links{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:14px;display:flex}.project-card__link{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;padding:7px 14px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.project-card__link svg{flex-shrink:0;width:14px;height:14px}.project-card__link:hover{border-color:var(--border-hover);background:var(--surface-hover);color:var(--text);transform:translateY(-1px)}.project-card__link:first-child{background:#ffffff0a}.project-card__link:first-child:hover{background:#ffffff14}.ripple-btn{position:relative;overflow:hidden}.ripple-btn:after{content:"";pointer-events:none;opacity:0;width:0;height:0;top:var(--ripple-y,50%);left:var(--ripple-x,50%);background:#ffffff1f;border-radius:50%;transition:width .4s,height .4s,opacity .4s;position:absolute;transform:translate(-50%,-50%)}.ripple-btn.rippling:after{opacity:0;width:200px;height:200px}.empty-state{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:14px;padding:72px 24px;display:none}.empty-state.visible{display:flex}.empty-icon{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:52px;height:52px;color:var(--text-dim);justify-content:center;align-items:center;margin-bottom:4px;font-size:20px;display:flex}.empty-title{color:var(--text-muted);letter-spacing:-.01em;font-size:15px;font-weight:600}.empty-sub{color:var(--text-dim);max-width:300px;font-size:13px;line-height:1.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.projects-grid .project-card:first-child{animation-delay:50ms}.projects-grid .project-card:nth-child(2){animation-delay:.1s}.projects-grid .project-card:nth-child(3){animation-delay:.15s}.projects-grid .project-card:nth-child(4){animation-delay:.2s}.projects-grid .project-card:nth-child(5){animation-delay:.25s}.projects-grid .project-card:nth-child(6){animation-delay:.3s}.projects-grid .project-card:nth-child(7){animation-delay:.35s}.projects-grid .project-card:nth-child(8){animation-delay:.4s}.projects-grid .project-card:nth-child(9){animation-delay:.45s}.projects-grid .project-card:nth-child(10){animation-delay:.5s}@media (max-width:700px){.projects-grid{grid-template-columns:1fr}.section-header{padding:36px 0 24px}.section-title{font-size:1.75rem}}@media (max-width:480px){.project-card__links{flex-direction:column}.project-card__link{flex:unset;width:100%}}