.tools-page{background-color:var(--bg-primary,#050608);min-height:100vh}.tools-main{padding-top:40px;padding-bottom:100px}.tools-header-simple{text-align:center;flex-direction:column;align-items:center;margin-bottom:40px;padding:30px 0;display:flex}.toolbox-badge-pill{color:#00f2fe;background:#00f2fe14;border:1px solid #00f2fe33;border-radius:100px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.tools-header-simple .bold-title-lg{margin-bottom:8px;font-size:2.8rem;font-weight:800}.tools-header-simple .subtitle{color:var(--text-secondary,#94a3b8);max-width:600px;margin:0 auto 2rem;font-size:1.05rem}.tools-search-bar-wrap{width:100%;max-width:580px;margin:0 auto 1.5rem;position:relative}.search-bar-icon{color:var(--text-secondary,#94a3b8);position:absolute;top:50%;left:1.2rem;transform:translateY(-50%)}.tools-search-input{border:1px solid var(--border-color,#ffffff1a);width:100%;color:var(--text-primary,#fff);box-sizing:border-box;background:#ffffff0a;border-radius:100px;outline:none;padding:1.05rem 3rem 1.05rem 3.4rem;font-size:1rem;transition:all .3s}.tools-search-input:focus{background:#00f2fe08;border-color:#00f2fe;box-shadow:0 0 25px #00f2fe26}.clear-search-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.4rem;position:absolute;top:50%;right:1.2rem;transform:translateY(-50%)}.category-pills-row{flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:800px;margin:0 auto;display:flex}.cat-pill{border:1px solid var(--border-color,#ffffff14);color:var(--text-secondary,#94a3b8);cursor:pointer;background:#ffffff08;border-radius:100px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .25s}.cat-pill:hover,.cat-pill.active{color:#00f2fe;background:#00f2fe1f;border-color:#00f2fe;box-shadow:0 4px 15px #00f2fe26}.tools-categories-grid{gap:50px;display:grid}.category-group{flex-direction:column;gap:20px;display:flex}.category-title{color:var(--text-primary,#fff);border-bottom:1px solid var(--border-color,#ffffff14);align-items:center;gap:10px;padding-bottom:12px;display:flex}.cat-icon-wrap{color:#00f2fe;align-items:center;display:flex}.category-title h2{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:1.2rem;font-weight:700}.cat-count-badge{color:var(--text-secondary);background:#ffffff0f;border-radius:100px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.tools-icon-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.tool-card-simple{border:1px solid var(--border-color,#ffffff0f);background:#ffffff05;border-radius:18px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.tool-card-simple:hover{background:#00f2fe08;border-color:#00f2fe66;box-shadow:0 12px 35px #00000059}.tool-card-content{color:inherit;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:30px 20px;text-decoration:none;display:flex}.tool-icon-wrapper{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;padding:16px;transition:all .3s;display:flex}.tool-card-simple:hover .tool-icon-wrapper{transform:scale(1.1);box-shadow:0 0 25px #00f2fe33}.tool-card-content h3{font-family:var(--font-display);color:var(--text-primary,#fff);margin:0;font-size:1.05rem;font-weight:700}.tool-card-arrow{color:var(--text-secondary);opacity:0;transition:all .3s;position:absolute;bottom:12px;right:12px;transform:translate(-5px)}.tool-card-simple:hover .tool-card-arrow{opacity:1;color:#00f2fe;transform:translate(0)}.no-tools-found{text-align:center;border:1px dashed var(--border-color);background:#ffffff05;border-radius:20px;flex-direction:column;align-items:center;gap:.8rem;padding:4rem 2rem;display:flex}.no-tools-found h3{margin:0;font-size:1.3rem;font-weight:700}.btn-reset-filter{color:#000;cursor:pointer;background:#00f2fe;border:none;border-radius:10px;padding:.6rem 1.2rem;font-size:.88rem;font-weight:700}@media (max-width:768px){.tools-header-simple .bold-title-lg{font-size:2rem}.tools-icon-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.tool-card-content{padding:20px 14px}.tool-card-content h3{font-size:.95rem}}