.tools-page{max-width:1200px;margin:auto;padding:30px;background-color:#121212;min-height:100vh;color:#fff}.tools-title{text-align:center;font-size:2.5rem;margin-bottom:20px;color:#fff}.tools-search{display:block;width:100%;max-width:500px;margin:0 auto 40px;padding:12px 15px;font-size:1rem;background:#1e1e1e;border:1px solid #333;border-radius:8px;color:#fff}.tools-search:focus{outline:none;border-color:#6200ea}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.tool-card{background:#1a1a1a;border-radius:12px;padding:20px;box-shadow:0 6px 15px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:10px}.tool-card h2{margin:0;color:#fff;font-size:1.3rem}.tool-card p{color:#ccc;font-size:.95rem;flex-grow:1}.tool-category{display:inline-block;background:#333;color:#fff;padding:4px 8px;border-radius:5px;font-size:.8rem}.tool-tags{display:flex;flex-wrap:wrap;gap:6px}.tool-tag{padding:4px 8px;border-radius:5px;font-size:.8rem}.tool-link,.tool-tag{background:#6200ea;color:#fff}.tool-link{margin-top:10px;display:inline-block;padding:10px 15px;text-decoration:none;border-radius:6px;transition:background .3s ease}.tool-link:hover{background:#4b00b8}.no-tools{grid-column:1/-1;text-align:center;color:#aaa;font-size:1rem}