.page-hero[data-v-37ecb32e]{padding-bottom:28px;padding-top:50px;text-align:center}h1[data-v-37ecb32e]{font-size:clamp(28px,5vw,42px);font-weight:900;margin:0 0 12px}.page-hero>p[data-v-37ecb32e]{color:#94a3c0;font-size:15px;margin:0 0 28px}.search-box[data-v-37ecb32e]{align-items:center;background:#0a0f20b3;border:1px solid hsla(0,0%,100%,.12);border-radius:14px;display:flex;gap:10px;margin:0 auto 22px;max-width:560px;padding:13px 20px;transition:all .2s}.search-box svg[data-v-37ecb32e]{color:#5d6b8a;flex-shrink:0}.search-box[data-v-37ecb32e]:focus-within{border-color:#22d3ee99;box-shadow:0 0 0 3px #22d3ee1f}.search-box input[data-v-37ecb32e]{background:none;border:none;color:#e8eefc;flex:1;font-size:15px;outline:none}.search-box input[data-v-37ecb32e]::-moz-placeholder{color:#5d6b8a}.search-box input[data-v-37ecb32e]::placeholder{color:#5d6b8a}.tabs[data-v-37ecb32e]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tab[data-v-37ecb32e]{background:#ffffff08;border:1px solid hsla(0,0%,100%,.12);border-radius:999px;color:#94a3c0;cursor:pointer;font-size:13.5px;padding:8px 20px;transition:all .2s}.tab.active[data-v-37ecb32e]{background:linear-gradient(135deg,#22d3ee,#a855f7);border-color:transparent;color:#04101f;font-weight:600}.tools-grid[data-v-37ecb32e]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding-bottom:40px}.no-result[data-v-37ecb32e]{margin-bottom:40px}