.beta-banner{max-width:80rem;margin:2rem auto 0;padding:0 1rem}@media (min-width:640px){.beta-banner{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.beta-banner{padding-left:2rem;padding-right:2rem}}.beta-banner-content{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(147,51,234,.1));border:1px solid rgba(59,130,246,.3);border-radius:.75rem;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.beta-badge{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:.375rem;flex-shrink:0;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.beta-text{color:#cbd5e1;margin:0;font-size:.875rem;line-height:1.5}@media (min-width:640px){.beta-text{font-size:.9375rem}}.search-filters-section{max-width:80rem;margin:0 auto;padding:2rem 1rem}@media (min-width:640px){.search-filters-section{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.search-filters-section{padding-left:2rem;padding-right:2rem}}.filters-container{flex-direction:column;gap:1rem;display:flex}@media (min-width:640px){.filters-container{flex-direction:row}}.search-input-wrapper{flex:1;position:relative}@media (min-width:640px){.search-input-wrapper{flex:1}}.search-icon{color:#9ca3af;width:1.25rem;height:1.25rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.filter-select{width:100%}@media (min-width:640px){.filter-select{flex:1;width:auto}}.search-button{border-radius:.375rem;width:100%;height:2.25rem;padding:0 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}@media (min-width:640px){.search-button{width:auto}}.search-button-active{color:#fff;cursor:pointer;background-color:#2563eb}.search-button-active:hover{background-color:#1d4ed8}.search-button-disabled{color:#6b7280;cursor:not-allowed;background-color:#1f2937}.results-info{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.results-text{color:#9ca3af}.card-grid-section{max-width:80rem;margin:0 auto;padding:0 1rem 4rem}@media (min-width:640px){.card-grid-section{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.card-grid-section{padding-left:2rem;padding-right:2rem}}.state-message{text-align:center;padding:4rem 0}.error-message{color:#ef4444;font-size:1.125rem}.loading-message,.no-results-message{color:#6b7280;font-size:1.125rem}.card-grid{grid-template-columns:1fr;justify-items:center;gap:1.5rem;display:grid}@media (min-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}