.directory-page{padding:45px 0 75px}.page-intro h1{font-size:clamp(28px,4vw,42px);margin:4px 0}.page-intro p{color:#cbd5e1;margin-top:0}.controls{margin:30px 0}.controls label{display:block;margin-bottom:8px;color:#cbd5e1}.controls input{width:100%;border:1px solid #64748b;background:#0f172a;color:#fff;border-radius:12px;padding:13px 17px;font:inherit}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.filter-btn{border:1px solid #64748b;border-radius:50px;background:#1e293b;color:#f1f5f9;font:inherit;font-size:14px;padding:7px 14px;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:#4338ca;border-color:#818cf8}#results-count{color:#cbd5e1;font-size:14px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool-card{background:#0f172a;border:1px solid #334155;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:9px}.tool-card:hover{border-color:#818cf8}.tool-card h3{font-size:21px;margin:0}.tool-card p{color:#cbd5e1;font-size:15px;margin:0;flex:1}.card-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.card-links a{color:#c4b5fd;font-size:14px}.card-links .visit{color:white}.tool-card[hidden],.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:900px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.tools-grid{grid-template-columns:1fr}}