@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#111;-webkit-font-smoothing:antialiased;background-color:#fdfaf6;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;line-height:1.5}.app-container{max-width:1200px;margin:0 auto;padding:2rem}h1{text-transform:uppercase;letter-spacing:-1px;text-shadow:4px 4px #ffdf00,4px 4px #111;margin-bottom:.5rem;font-size:3.5rem;font-weight:700}.subtitle-container{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.subtitle{color:#fff;background:#111;border:2px solid #111;padding:.25rem .75rem;font-size:1.25rem;font-weight:600;box-shadow:4px 4px #0003}.count-badge{color:#111;background:#33df81;border:2px solid #111;padding:.25rem .75rem;font-size:1.25rem;font-weight:700;transform:rotate(-1deg);box-shadow:4px 4px #111}.controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.filter-container{z-index:100;position:relative}.filter-toggle-btn{color:#111;cursor:pointer;background-color:#ffdf00;border:3px solid #111;justify-content:space-between;align-items:center;gap:1rem;min-width:320px;padding:1rem 1.5rem;font-family:inherit;font-size:1.1rem;font-weight:700;transition:all .15s;display:flex;box-shadow:6px 6px #111}.filter-label{text-align:left;flex-grow:1}.filter-toggle-btn:hover{background-color:#ffe633;transform:translate(-2px,-2px);box-shadow:8px 8px #111}.filter-toggle-btn:active{transform:translate(4px,4px);box-shadow:0 0 #111}.chevron{transition:transform .2s}.chevron.open{transform:rotate(180deg)}.filter-dropdown{background:#fff;border:3px solid #111;flex-direction:column;width:100%;min-width:320px;max-height:400px;display:flex;position:absolute;top:calc(100% + 12px);left:0;overflow-y:auto;box-shadow:8px 8px #111}.filter-option{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #111;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background .1s}.filter-option:last-child{border-bottom:none}.filter-option:hover{background:#f0f0f0}.filter-option.active{color:#ffdf00;background:#111;font-weight:700}.results-count{background:#fff;border:2px solid #111;padding:.5rem 1rem;font-size:1.25rem;font-weight:600;box-shadow:4px 4px #111}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.card{background-color:#fff;border:3px solid #111;flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:8px 8px #111}.card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #111}.card-category{text-transform:uppercase;border:2px solid #111;align-self:flex-start;margin-bottom:1rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.card:nth-child(5n+1) .card-category{color:#111;background-color:#33df81}.card:nth-child(5n+2) .card-category{color:#111;background-color:#4db8ff}.card:nth-child(5n+3) .card-category{color:#fff;background-color:#ff4911}.card:nth-child(5n+4) .card-category{color:#fff;background-color:#b46bff}.card:nth-child(5n+5) .card-category{color:#111;background-color:#ffdf00}.card-title{margin-bottom:.5rem;font-size:1.5rem;font-weight:700;line-height:1.2}.card-focus{flex-grow:1;margin-bottom:1.5rem;font-size:1rem}.card-details{background:#f4f4f4;border:2px solid #111;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem;font-size:.875rem;font-weight:600;display:flex}.detail-row{align-items:center;gap:.5rem;display:flex}.apply-btn{text-transform:uppercase;color:#fff;cursor:pointer;background-color:#111;border:2px solid #111;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex;box-shadow:4px 4px #00000080}.apply-btn:hover{color:#111;background-color:#ffdf00;transform:translate(-2px,-2px);box-shadow:6px 6px #111}.apply-btn:active{transform:translate(4px,4px);box-shadow:0 0 #111}@media (width<=768px){h1{font-size:2.5rem}.app-container{padding:1rem}.filter-toggle-btn{width:100%;min-width:unset}.controls{flex-direction:column;align-items:stretch}}