@layer pages{.hero{padding:4rem 2rem;background-color:var(--primary-color);color:var(--white);text-align:center}.search-filter{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;width:80%;max-width:62.5rem;margin:-2rem auto 2rem;padding:2rem;border-radius:.5rem;background-color:var(--white);box-shadow:var(--shadow);gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{color:var(--primary-color);font-size:.875rem;font-weight:600}.search-filter select,.search-filter input{padding:.75rem;border:.0625rem solid var(--light-gray);border-radius:.25rem}.btn-search{padding:.75rem 2rem;border:none;border-radius:.25rem;background-color:var(--secondary-color);color:var(--white);font-weight:700;cursor:pointer}.btn-search:hover{background-color:#155d33}}