.ComponentPage_componentsPageWrapper__a17Ll{max-width:1200px;margin:0 auto;padding:0 20px}.ComponentPage_componentHeader__ouoNo{text-align:center;margin-bottom:3rem}.ComponentPage_componentPageTitle__eGdau{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(to right,var(--color-brand-500),var(--color-theme));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.ComponentPage_componentPageDescription__lK7hH{font-size:1.2rem;color:var(--color-grey-500);max-width:600px;margin:0 auto}.ComponentPage_filterControls__k6ltx{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.ComponentPage_searchContainer__de9Wn{position:relative;flex:1 1;max-width:400px}.ComponentPage_searchIcon__9JMut{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-grey-400);width:20px;height:20px}.ComponentPage_searchInput__gufzq{width:100%;padding:12px 12px 12px 40px;border-radius:var(--border-radius-lg);border:1px solid var(--color-grey-200);background:var(--color-grey-50);font-size:1rem;color:var(--color-font);transition:all .3s ease}.ComponentPage_searchInput__gufzq:focus{outline:none;border-color:var(--color-theme);box-shadow:0 0 0 2px rgba(86,102,230,.1)}.ComponentPage_sortContainer__JFh9G{display:flex;align-items:center;gap:.5rem;margin-right:1rem}.ComponentPage_sortIcon__mH59j{color:var(--color-grey-500);width:20px;height:20px}.ComponentPage_sortSelect__WP_iz{padding:8px 12px;border-radius:var(--border-radius-lg);border:1px solid var(--color-grey-200);background:var(--color-grey-50);color:var(--color-font);font-size:1rem;cursor:pointer;transition:all .3s ease}.ComponentPage_sortSelect__WP_iz:focus{outline:none;border-color:var(--color-theme)}.ComponentPage_componentContainer__C4wAD{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:1.5rem;gap:1.5rem;padding-bottom:1rem}.ComponentPage_componentItem__euCHf{border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1);transition:all .3s ease;position:relative}.ComponentPage_componentItem__euCHf:hover{transform:translateY(-5px);box-shadow:0 -2px 12px rgba(var(--color-white-rgb),.1)}.ComponentPage_componentItem__euCHf:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--dynamic-color)}.ComponentPage_componentContent__BGMBE{display:flex;flex-direction:column;height:100%;padding:1.5rem;background-color:var(--color-grey-50)}.ComponentPage_componentInfo__Jo1KY{flex:1 1;display:flex;flex-direction:column}.ComponentPage_componentName__pURO1{font-size:1.8rem;font-weight:600;margin-bottom:.8rem;color:var(--color-font)}.ComponentPage_componentDescription__AruLr{font-size:1.2rem;color:var(--color-grey-600);line-height:1.6;margin-bottom:1.5rem;flex:1 1}.ComponentPage_componentFooter__CWG01{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.ComponentPage_viewsCounter__1FsN_{display:flex;align-items:center;gap:.5rem;color:var(--color-grey-500);font-size:1.2rem}.ComponentPage_viewMore__ifSiQ{font-size:1.2rem;font-weight:500;color:var(--color-theme);opacity:.8;transition:opacity .3s ease}.ComponentPage_componentItem__euCHf:hover .ComponentPage_viewMore__ifSiQ{opacity:1}.ComponentPage_componentImageWrapper__Gg31u{margin-top:1rem;border-radius:var(--border-radius-lg);overflow:hidden;height:150px;aspect-ratio:16/9}.ComponentPage_componentImage__07kn7{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ComponentPage_componentItem__euCHf:hover .ComponentPage_componentImage__07kn7{transform:scale(1.05)}.ComponentPage_noResults__zJEeu{text-align:center;padding:3rem 0;color:var(--color-grey-500)}@media (max-width:1024px){.ComponentPage_componentContainer__C4wAD{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.ComponentPage_componentPageTitle__eGdau{font-size:2.2rem}}@media (max-width:768px){.ComponentPage_filterControls__k6ltx{flex-direction:column;align-items:stretch}.ComponentPage_searchContainer__de9Wn{max-width:100%;margin-bottom:1rem}.ComponentPage_sortContainer__JFh9G{align-self:flex-end}.ComponentPage_componentContainer__C4wAD{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.2rem}.ComponentPage_componentPageTitle__eGdau{font-size:2rem}.ComponentPage_componentPageDescription__lK7hH{font-size:1.1rem}}@media (max-width:600px){.ComponentPage_componentsPageWrapper__a17Ll{padding:0 15px}.ComponentPage_componentHeader__ouoNo{margin-bottom:2rem}.ComponentPage_componentContainer__C4wAD{grid-template-columns:1fr}.ComponentPage_componentName__pURO1{font-size:1.6rem}.ComponentPage_componentDescription__AruLr{font-size:1.1rem}.ComponentPage_componentPageTitle__eGdau{font-size:1.8rem}.ComponentPage_componentImageWrapper__Gg31u{height:180px}}@media (max-width:480px){.ComponentPage_componentHeader__ouoNo{margin-bottom:1.5rem}.ComponentPage_componentPageTitle__eGdau{font-size:1.6rem}.ComponentPage_componentPageDescription__lK7hH{font-size:1rem}.ComponentPage_searchInput__gufzq{padding:10px 10px 10px 35px}.ComponentPage_componentImageWrapper__Gg31u{height:160px}.ComponentPage_componentContent__BGMBE{padding:1.2rem}}