.cf{padding:3em 0; }
.cf__bar{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:720px;margin:32px auto 0;padding:16px;background:var(--color-primary-dark);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.06)}
.cf__field{display:flex;flex-direction:column;gap:6px}
.cf__field label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.7}
.cf__select{appearance:none;width:100%;padding:14px 44px 14px 16px;font:inherit;border:1px solid rgba(0,0,0,.15);border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23444' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 16px center;cursor:pointer;transition:border-color .2s,opacity .2s}
.cf__select:focus{outline:2px solid currentColor;outline-offset:2px}
.cf__select:disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}
.cf__results{margin-top:40px}
.cf__hint,.cf__empty{text-align:center;opacity:.65}
.cf__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); max-width:1160px; gap:24px;}
.cf__panel:not([hidden]) .cf-card{animation:cfIn .35s ease both}
.cf-card{padding:24px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;display:flex;flex-direction:column;gap:10px;transition:transform .2s,box-shadow .2s}
.cf-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.cf-card h3,.cf-card p{margin:0}
.cf-card__tag{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.65}
.cf-card__note{font-size:.875rem;opacity:.7}
.cf-card .link-arrow{margin-top:auto}
@keyframes cfIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:600px){.cf__bar{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cf-card,.cf__panel:not([hidden]) .cf-card{animation:none;transition:none}}